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
Design: Creation of Artifacts in SocietyUniversity of Pennsylvania via Coursera Design Thinking Action Lab
Stanford University via NovoEd Blended Learning: Personalizing Education for Students
New Teacher Center via Coursera Mobile Application Experiences Part 1: From a Domain to an App Idea
Massachusetts Institute of Technology via edX Usable Security
University of Maryland, College Park via Coursera