Figma for Developers
MotiGraph
AR Login Start Your Journey
AR Login Start Your Journey
The Handoff Beginner Certificate

Figma for Developers

Not a design course — a handoff course. You learn to read a Figma file the way a developer needs to: pulling exact spacing, colours and type scales, exporting assets at the right sizes, and asking the designer the right question instead of guessing.

6 lessons 255 min
  • Figma
  • Design handoff
  • Prototyping
  • Assets
Skills

What You Will Learn in This Course

Navigate a Figma file and inspect any element precisely.
Extract spacing, colour and typography into CSS tokens.
Export images and icons at the right size and format.
Build a simple interface yourself when no designer is available.

About This Course

Not a design course — a handoff course. You learn to read a Figma file the way a developer needs to: pulling exact spacing, colours and type scales, exporting assets at the right sizes, and asking the designer the right question instead of guessing.

Requirements

  • A free Figma account.

Who It Is For

  • Developers who receive designs and have to build them exactly.
Curriculum

Course Content

6 items · 1 sections

  1. 01 The Figma interface for developers Preview 35 min
  2. 02 Frames, auto layout and constraints 45 min
  3. 03 Inspect: reading exact values instead of guessing 45 min
  4. 04 Colour styles, text styles and design tokens 45 min
  5. 05 Exporting assets at the right sizes 35 min
  6. 06 Building a simple UI when there is no designer 50 min
Certified

Certificates You Can Earn

Finish your course and receive an accredited MotiGraph certificate you can add to your CV and share with employers.

MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample
MotiGraph certificate sample