Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Master the fundamentals of Figma design software in this comprehensive beginner tutorial that guides through every essential aspect of creating stunning apps and websites. Starting from installation and basic navigation, progress through hands-on instruction in frame creation, shape manipulation, text formatting, and layer management. Explore advanced features including image placement, masking techniques, component creation, and constraint implementation. Learn to enhance designs with layout grids, community assets, and auto-layout functionality while developing practical skills in prototyping and collaboration. Through detailed demonstrations spanning interface navigation, design properties, and export procedures, gain the expertise needed to craft professional-quality designs and effectively share prototypes for feedback and iteration.
Syllabus
- Introduction
- Get Figma
- First run flow
- File browser
- Figma editor layout
- Frames
- Panning and zooming
- Rename frames
- Pages
- Add frame fill / background
- Design properties
- Add rectangle shape
- Place image
- Layout grid
- Add text
- Add navigation frame
- Design icons
- Community assets
- Components
- Constraints
- Design component cards & spacing
- Masks
- Styles
- Auto layout
- Prototype
- Share with others
- Export designs
- Wrap up
Taught by
Kevin Stratvert