Figma for Developers
Offered By: Frontend Masters
Course Description
Overview
Learn Figma for creating user interface prototypes. Make shapes and frames that will hold the different pieces of the UI. You’ll also learn how to use reusable styles, typography, and components that you can use to create prototypes to show colleagues or potential customers before you do the engineering work to build the entire application.
Syllabus
- Introduction
- Figma Basics
- Aligning Objects
- Groups & Frames
- Organizing Layout with Frames
- Selecting & Inspecting
- Inspect Tool Exercise
- Inspect Tool Solution
- Shared Styles
- Styler Plugin
- Creating Styles
- Constraints
- Constraints Exercise
- Constraints Solution
- Layout Grids
- Layout Grids Exercise
- Layout Grids Solution
- Auto Layout
- Nesting Auto Layouts
- Nesting Auto Layouts Exercise
- Nesting Auto Layouts Solution
- Components
- Components Exercise
- Components Solution
- Variants
- Variants Exercise
- Variants Solution
- Multiple Components & Swapping Instances
- Swapping Components Exercise
- Swapping Components Solution
- Component Recipe: Notification
- Component Recipe: Data Table
- Component Recipe: Menu Slot
- Prototyping
- Wrapping Up
Taught by
Steve Kinney
Related Courses
Прототипирование и тестирование интерфейсаMoscow Institute of Physics and Technology via Coursera Build an E-commerce Dashboard with Figma
Coursera Project Network via Coursera Car Transport App in Figma
Coursera Project Network via Coursera Design and Develop a Website using Figma and CSS
Coursera Project Network via Coursera Learn Figma for Web Design, User Interface, UI UX in an hour
Udemy