Build it in Figma

Overview

Learn to design apps, websites, icons, and more in this comprehensive 18-hour tutorial series. Follow along as Rogie guides you through creating a design system, developing responsive website navigation and forms, designing book and cocktail recipe mobile apps, and crafting a cohesive icon set. Master Figma's tools and techniques for building foundations, components, testing, and documentation while exploring visual design and prototyping concepts.

Syllabus

Build it in Figma: Create a Design System — Foundations.
Build it in Figma: Create a design system — Components.
Build it in Figma: Create a Design System — Components continued.
Build it in Figma: Create a Design System lV — Testing.
Build it in Figma: Create a Design System V: Documentation.
Build it in Figma: Design a responsive website navigation [Part 1].
Build it in Figma: Design a responsive website [Part 2].
Build it in Figma: Design responsive and resizable forms [Part 3].
Build it in Figma: Designing a book app for designers.
Build it in Figma: Designing a book app, visual design explorations [Part 2].
Build it in Figma: Designing a book app, prototyping and demos [Part 3].
Build it in Figma: Designing a cocktail recipe mobile app [Part 1].
Build it in Figma: Designing a cocktail recipe mobile app [Part 2].
Build it in Figma: Designing a cocktail recipe mobile app [Part 3].
Build it in Figma: Designing a cocktail recipe mobile app [Part 4].
Build it in Figma: Design a cohesive icon set.