Skip to content
Program BBD – Block-based Design with Figma - Master UI/UX design through block-based methods and create stunning designs with Figma
INTERMEDIATE
4.8(82 reviews)

Program BBD – Block-based Design with Figma

Master UI/UX design through block-based methods and create stunning designs with Figma

Duration:24 lessons
Class Size:Max 8 students
Learning Mode:hybrid
6 modules•24 topics•24 lessons•24 total hours

About This Course

Build a strong foundation in UI/UX design through block-based methods, learn core design principles, and explore AI-first applications using Figma.

Key Learning Outcomes

  • UI/UX Design

    Create visually appealing and functional user interfaces

  • AI-Powered Design

    Use AI tools to enhance design capabilities

Course Modules

Course Curriculum

A comprehensive learning path structured in modules

6 modules
24 total topics
24 lessons

1
Design Fundamentals

Introduction to UI/UX design principles and core concepts

4 lessonsCollapse module 1

1.1UI/UX Design Basics

Understanding the difference between UI and UX and their importance in product development

1.2Color Theory

Exploring the color wheel, color harmony, and emotional impact of color choices

1.3Typography

Working with fonts, readability, hierarchy, and typographic principles

1.4Layout & Composition

Creating balanced designs using grids, alignment, and whitespace

2
Brand & Design Systems

Creating brand guidelines and analyzing existing design systems

4 lessonsExpand module 2

2.1Brand Guidelines

Developing comprehensive brand identity documents including logos, colors, and typography

2.2UI/UX Case Studies

Analyzing successful designs and identifying best practices

2.3Material Design

Exploring Google's Material Design and Apple's Human Interface Guidelines

2.4Project Documentation

Creating feature requirement documents and project specifications

3
Mobile App Design

Designing for mobile interfaces and creating interactive prototypes

4 lessonsExpand module 3

3.1Mobile Design Principles

Understanding mobile-specific constraints and design patterns

3.2Screen Design

Creating effective mobile app screens with appropriate typography and layout

3.3Prototyping

Building interactive mobile app prototypes in Figma

3.4Mini Project

Completing a small mobile app design project with user testing

4
Web App Design

Creating responsive web interfaces and multi-device designs

4 lessonsExpand module 4

4.1Web Design Principles

Learning core web design concepts and responsive design

4.2Responsive Layouts

Designing web interfaces that adapt to different screen sizes

4.3Navigation & Components

Creating consistent navigation systems and reusable UI components

4.4Accessibility

Implementing accessible design practices for all users

5
AI-First Applications

Exploring AI-powered design tools and applications

4 lessonsExpand module 5

5.1Figma AI Features

Using AI-powered tools within Figma to enhance design workflows

5.2AI Design Ethics

Understanding ethical considerations when designing AI interfaces

5.3Generative Design

Exploring how AI can generate design variations and suggestions

5.4Project Planning

Planning a final project that incorporates AI-powered features

6
Final Project & Portfolio

Building a complete design project and presentation

4 lessonsExpand module 6

6.1Project Development

Creating comprehensive designs for a complete application

6.2Design Iteration

Refining designs based on feedback and usability principles

6.3User Testing

Conducting user tests and implementing improvements

6.4Final Presentation

Presenting your design portfolio and project documentation

Key Benefits

UI/UX design principles

Students will learn to apply principles of user interface design

Figma proficiency

Students will gain proficiency in using Figma for UI/UX design

Design thinking skills

Students will develop creative solutions through design thinking

Course Details

Information about this course

Duration

24 lessons

Session Length

1 hour

Learning Mode

HYBRID

Age Group

10+