Figma tutorials
5.0
(2)
26 learners
What you'll learn
This course includes
- 6.5 hours of video
- Certificate of completion
- Access on mobile and TV
Course content
1 modules • 112 lessons • 6.5 hours of video
Figma tutorials
112 lessons
• 6.5 hours
Figma tutorials
112 lessons
• 6.5 hours
- How to design buttons in Figma 04:17
- Design progress bar in Figma in less than 5 min 03:36
- Design progress ring in Figma in less than 5 min 01:58
- How to design animated loading spinner in Figma 03:39
- How to design heart animation in Figma 04:24
- Create interactive toggle switch in Figma 02:55
- Design Tab Bar in Figma 07:42
- Floating labels in Figma 03:42
- How to design circle ring loading spinner in Figma 02:50
- How to design checkbox in Figma 03:01
- Design Line Chart in Figma 01:44
- Create radio button in Figma 02:59
- Dropdown menu in Figma 05:07
- Pulsing animation in Figma 03:37
- Outline text effect in Figma 01:37
- Animated gradient text in Figma 03:16
- Neon text in Figma 02:13
- Hamburger Menu Animation in Figma 02:21
- Scrollable list in Figma 02:25
- Slider in Figma 02:26
- Glass effect in Figma 02:26
- Pie chart in Figma 01:20
- Convert any website into Figma design 04:11
- How To Create UI Gradients 03:52
- Creating decorative elements in Figma 04:36
- Clickable wireframes in Figma 10:31
- Animated skeleton screen in Figma 03:13
- Turning user flows into wireframes in Figma 08:10
- Data visualisation: creating charts in Figma 06:23
- Creating typography system in Figma 05:25
- Best UI Kits for Figma 08:52
- Data tables in Figma 03:37
- User Interface Text in Figma 06:06
- Creating Interactive Map in Figma 02:15
- Create design component specs automatically in Figma 01:32
- Choosing colors for your design 07:52
- Create card flip animation in Figma 02:46
- Creating Interactive Accordion in Figma 02:41
- Animated mesh gradient in Figma 03:23
- Figma Typography Essentials 03:27
- Horizontal scrolling in Figma 01:26
- Input Stepper in Figma 03:33
- How To Mask Text, Images and Shapes in Figma 01:50
- Component Properties in Figma 03:12
- Text Styles in Figma 03:03
- Generate Style Guide in Figma Automatically 03:18
- Animated loader in Figma 01:44
- Tab navigation in Figma 04:29
- Segmented button in Figma 03:36
- Image Zoom On Mouse Hover in Figma 01:45
- Customer journey mapping in Figjam 06:11
- User Flow Design In FigJam 05:28
- Jobs To Be Done (JTBD) in FigJam 04:21
- Dev Mode in Figma 03:49
- Venn Diagram in Figma 01:02
- Accessibility Testing in Figma 04:02
- Interactive tooltip in Figma 05:32
- Responsive layout grid in Figma 05:09
- Notification Bell Icon Animation in Figma 02:50
- Export Figma Design To GIF 01:32
- Page Indicator Animation in Figma 02:46
- Corner radius and smoothing in Figma 04:47
- Light and dark theme in Figma 04:40
- Language localization in Figma 04:17
- Interactive 3D Model in Figma 05:20
- Shadows in Figma 04:47
- Linear and radial gradient in Figma 02:49
- Blur effect in Figma 04:35
- Icon design in Figma 07:19
- Ready for Dev mark in Figma 02:33
- Star rating in Figma 02:44
- Image slider in Figma 04:13
- 3D button in Figma 02:00
- Image rotation on mouse hover in Figma 02:06
- Interactive Pay Button in Figma 05:49
- Bouncing loading animation in Figma 04:02
- Infinite Loop Image Carousel in Figma 05:24
- Animated button in Figma 03:33
- Animated progress bar in Figma 02:48
- Rotating circular text in Figma 03:02
- Text truncation in Figma 00:50
- Monochrome to color transition in Figma 01:41
- Animated heart button in Figma 03:02
- Neumorphic button in Figma 02:57
- Light and dark mode switch in Figma 05:09
- Selectable cards in Figma 07:42
- 3D Mockup in Figma 01:54
- Interactive pie chart in Figma 05:46
- Glowing text in Figma 03:24
- Sliding text in Figma 02:58
- Switch (toggle) in Figma 03:07
- Wave in Figma 01:47
- Blobs in Figma 01:40
- Hollow Text in Figma 02:29
- UI design with ChatGPT 06:58
- Figma AI tools 07:41
- Figma Sites: New site builder 06:17
- Designing Responsive Tables with Figma Grid 04:34
- Google Stitch: Free UI Designer 08:54
- Wireframes in Figma #figma #figmatutorial #aidesign 00:49
- How to curve text in Figma #figma #figmatutorial #figmadesign 00:37
- Figma MCP Server: Turn Design into Code 03:48
- Figma Make: Essentials 07:55
- How to create UI grid in Figma #figma #figmatutorial #figmadesign 00:42
- Set custom nudge in Figma #figma#figmatutorial #figmadesign 00:35
- Heal and Smoothing for Vector Shapes in Figma #figma #figmatutorial 00:38
- Ignore auto layout in Figma #figma #figmatutorial #figmadesign 00:33
- Image as style in Figma #figma #figmatutorial #figmadesign 00:41
- Outlines in Figma #figma #figmadesign #figmatutorial 00:29
- Using FigJam for User Research 03:17
- Build Real Prototypes in Minutes with Figma Make 🚀 | Full Tutorial 04:45
- Claude Code + Figma Design System: Building UI Design with Claude Code 07:45
Take this course with you
Download the app to continue lessons from your phone anytime.
