UX Context & What Figma Is
01
Before opening Figma, understand User Experience (UX) and how this twelve-lesson track fits alongside Product Design.
Why UX matters
Open lessonFigma Fundamentals.
Twelve practical lessons from workspace to handoff. Execute interface ideas in Figma with confidence.
12 lessonsTool fluencyPairs with Product Design
About this course
Twelve focused lessons on setup, components, and handoff so Figma stops slowing you down.
Pairs with Product Design. Use this when you need tool fluency before or alongside the cohort track.
What you will gain
-
Confident Figma craft
Move from frames and groups to components you can reuse without fighting the tool.
-
Cleaner handoff
Prepare files so developers or teammates can find spacing, states, and assets fast.
-
Studio-ready habits
Name files and layers the way a working studio expects.
Skills you will gain
- Figma setup and file hygiene
- Components and variants
- Auto layout and constraints
- Handoff-ready frames
- Shared library habits
Your instructor
Talodabi Faculty
Talodabi · Academy
Earn a certificate
Certificate of completion
Figma Fundamentals
Complete the twelve lessons to unlock your Talodabi certificate.
Frequently asked questions
How do I start a live class?
Enroll and complete checkout. We email you with dates, whether the seat is physical or online, and when class starts. This is not instant video unlock.
Do I get a certificate?
Yes, when you finish the required weeks or lessons and any listed capstone for this course.
Is this the same as Courses (video)?
No. Live classes are taught by Talodabi (physical or online). Courses on the Courses menu are self-paced video that open on your dashboard after payment.
Lessons
Open a lesson for the full teaching viewer.
Ecosystem, Accounts & Setup
02
Learn the full Figma platform, create your account, and choose the right setup for class and professional work.
FigJam
Open lessonTeams, Projects & File Organization
03
Organize work with teams and projects, structure design files with pages, and use Community assets safely.
Hierarchy
Open lessonCanvas, Layers, Tools & Properties
04
Tour the design workspace: navigate the canvas, manage layers, use core tools, and control appearance in the properties panel.
Toolbar
Open lessonFrames, Groups, Constraints & Grids
05
Structure screens with frames, position elements with constraints, and align to grids and an 8-point spacing scale.
Frames vs groups
Open lessonBrief → Flow → Mid-Fi Wireframes
06
Practice the design workflow inside Figma: scenario, user flow in FigJam, then mid-fidelity wireframes before high-fi UI.
FigJam flows
Open lessonColor, Type & Styles in Figma
07
Apply visual design **in Figma** using styles and simple systems. without replacing Product Design color and typography theory.
Color/text/effect styles
Open lessonAuto Layout Deep Dive
08
Master Auto Layout. the core skill for flexible buttons, lists, cards, and forms that resize with content.
Hug/fill
Open lessonComponents, Variants & UI Kits
09
Build reusable UI with components and variants, use Community UI kits safely, and publish to a library.
Component sets
Open lessonPen Tool, Booleans & Assets
10
Draw simple icons with the pen tool, combine shapes with booleans, and manage raster and vector assets for handoff.
Vector networks
Open lessonFlows, Overlays & Motion
11
Build realistic prototypes: define flows, modals and sheets as overlays, and use motion that matches navigation meaning.
Prototype panel
Open lessonCollaboration, Handoff & Capstone
12
Finish strong: collaborate with comments and spotlight, prepare Dev Mode handoff, and submit the capstone file.
Comments
Open lessonInstructor resources
Share with your cohort alongside the lesson viewer.
- Keyboard shortcuts cheat sheet (instructor-provided)
- Cohort starter Figma file template
- Figma Community: one UI kit + one icon set to study