Course Highlights
  • Design Websites
  • Design mobile and desktop apps
  • You will have a fully interactive design and prototype at the end of this course
  • You will learn how to reuse design elements for future projects
Skills you will learn!
Curriculum

3 Topics
Introduction to the Course
Using the Exercise Files
Download Figma for Free

17 Topics
Section Introduction
What is Figma?
Where to find Figma
The Browser App vs. The Desktop App
The Start Screen
Introduction to the Interface
Importing and Exporting Files
Using Templates
The Toolbar
The Layers and Pages Panel
The Assets Panel
The Design Panel
The Prototype Panel
The Code Panel
The Canvas
Using Keyboard Shortcuts
Working with the Version History

4 Topics
Creating a New Project and File
Importing Sketch Files
Working with Teams
Working with Templates

12 Topics
Working with Frames
Working with Shapes
Drawing Icons using the Pen Tool
Drawing Shapes Using the Pencil Tool
Working with Text
Masking Images and Shapes
Importing Icons and other Graphics
Working with Color
Working with Styles
Setting up Components
Using Constraints for Responsive Design
Working with Version Control

5 Topics
Designing a Slide-out Menu
Designing an on-screen Overlay
Designing a comments section
Designing Multiple Artboard States
Give this design it's own unique personality

6 Topics
Creating a prototype
Viewing your prototype on a mobile device
Live device preview
Sharing your design
Allowing others to comment on your design
Exporting graphics and assets

1 Topic
Next Steps

  Write a Review

Learn Figma - UI/UX Design Essential Training

Go to Paid Course