Brief Introduction
The UI/UX Design Miniclass is a training program that explores the world of digital product design by combining visual design (UI) with user experience (UX). This program uses Figma, one of today’s industry-standard design tools, ensuring that the skills you gain remain highly relevant in professional environments.
The training materials are structured to be easy to follow—from beginner to proficient level. You will learn essential Figma features such as Auto Layout and Components, which help streamline and optimize your design workflow. The curriculum covers everything from building a Style Guide to creating fully interactive Prototypes.
Don’t be discouraged if you feel you’re not good at drawing or don’t have an artistic background. This miniclass is designed specifically for beginners. Your mentor will guide you in understanding the difference between UI (interface) and UX (experience), while introducing Design Thinking methods so your designs truly address user needs.
Great design isn’t just visually appealing—it’s also intuitive and comfortable to use. In this class, you’ll learn how to create clean, consistent designs that meet professional standards. UI/UX design skills are among the most in-demand competencies in today’s technology industry.
So, what are you waiting for? Join the UI/UX Design Miniclass! Prepare your ideas, open your mind, and let’s design the future of digital experiences together—experiences that are both stunning and solution-oriented.
Learning Timeline
Session 1: Introduction to UI/UX Design & Tools
Focus: UI/UX Foundation & Basic Tools
Main Topic:
- UI vs UX overview
- Role of a UI/UX Designer
- Figma installation and setup
- Workspace and basic Figma features
Practical:
- Installing Figma
- Exploring the workspace
- Learning basic tools (frame, shape, text, constraints)
Output:
- Participants understand UI/UX fundamentals and are ready to use Figma
Session 2: Basic UI Layouting
Focus: Getting comfortable with Figma
Main Topic: Basic layouting, alignment, spacing, and visual hierarchy
Practical: Designing a card without Auto Layout, focusing on layout neatness
Output: A UI card with good alignment and spacing
Session 3: Auto Layout & Responsive Design
Focus: Best practices for creating scalable designs
Main Topic: Auto Layout and responsive design concepts
Practical:
- Applying Auto Layout
- Converting a design to be responsive
Output: A flexible and scalable UI
Goals: Understanding and correctly applying Auto Layout
Session 4: UI Theory, Gestalt Principles & UI Fundamentals
Focus: Core UI Principles
Main Topic: UI Theory, Gestalt Principles, and UI Fundamentals
Practical:
- ATM (Observe, Imitate, Modify)
- Applying Gestalt Principles and UI Fundamentals
Output: A structured and easy-to-understand UI
Session 5: Grid, Color, Typography & Style Guide
Focus: Visual Consistency
Main Topic: Grid systems, color theory, typography, style guides, and design systems
Practical: Creating color styles and text styles
Output: A basic style guide for design
Session 6: Components & Basic Variants
Focus: Reusable Design
Main Topic: Component and variant concepts
Practical: Creating components with multiple states (hover, focus, disabled, etc.)
Output: Reusable components ready for use
Session 7: Basic Prototyping
Focus: Interaction & Flow
Main Topic: Prototyping in Figma
Practical: Connecting screens using a provided template
Output: An interactive prototype
Session 8: Basic Design Process
Focus: Design Process Flow
Main Topic: Design process (Understanding the brief → Competitive analysis / benchmarking → User flow)
Practical:
- Understanding the brief from the mentor
- Conducting competitive analysis
- Creating a user flow
Output: A user flow based on the given case study
Session 9: Design Process Methods
Focus: Design Approaches & Frameworks
Main Topic:
- Design Thinking
- Double Diamond
- Lean UX
Practical: Discussion and mapping of design process methods based on case studies
Output: Participants understand the differences and appropriate use cases for each method
Session 10: Empathize, Define, Ideate & Information Architecture
Focus: UX Research & Problem Definition
Main Topic: Empathize, Define, Ideate, and Information Architecture (IA)
Practical:
- Creating survey questions
- Drafting How Might We questions
- Generating solution ideas
Output: User-based problem statements and solution ideas
Session 12: Testing & Design Validation
Focus: UX Testing
Main Topic: Testing in UX Design
Practical: Creating usability testing scenarios using Maze
Output: Testing scenarios and initial insights from user testing