Exploring AI Workflows within Figma Design
56mBeginner2025-06-23
Authors
Joseph Labrecque
University Professor, Adobe Educator, Studio Head
Course details
Figma is one of the leading software tools for designing and prototyping user experiences, and now with its integration of artificial intelligence tools, you can enhance and extend your workflows to get even more out of Figma. In this course, explore the AI-powered features and workflows in Figma with UX and UI design expert Joseph Labrecque.
Learning objectives
Generate content and project assets within Figma Design.
Use AI to generate and wire-up prototypes and their functionality.
Generate and manipulate assets using task-focused Figma AI tools.
Use AI to modify and organize your Figma project, layers and components.
Speed up common concepting tasks in collaboration with design thinking participants.
Learn how AI can streamline the workflow between Figma, FigJam, and Figma Slides.
Learning objectives
Generate content and project assets within Figma Design.
Use AI to generate and wire-up prototypes and their functionality.
Generate and manipulate assets using task-focused Figma AI tools.
Use AI to modify and organize your Figma project, layers and components.
Speed up common concepting tasks in collaboration with design thinking participants.
Learn how AI can streamline the workflow between Figma, FigJam, and Figma Slides.
Skills covered
Figma Inc.FigmaArtificial Intelligence for DesignUX DesignUser ExperienceVideoPhotographyGraphic DesignLearningAnimation and IllustrationWeb Development
Concepts
0. Introduction
- 01 - Explore AI workflows with Figma Design
- 02 - What you should know
- 03 - Figma Make and Figma Sites
- 04 - Use the exercise files
1. Generating Content and Interactions
- 05 - Explore the Figma Design project
- 06 - Generate a set of screens with a text prompt
- 07 - Auto-wire screens together for prototyping
- 08 - Generate an image based upon a text prompt
- 09 - Boost the resolution of an image
- 10 - Remove an image's background
- 11 - Edit an image through text prompts
2. Modifying and Organizing Content
- 12 - Rename layers in a Figma Design file
- 13 - Replace existing text content
- 14 - Rewrite text to better suit the audience
- 15 - Translate text into different languages
- 16 - Shorten lengthy text elements
- 17 - Find assets and design elements
3. AI in FigJam and Figma Slides
- 18 - Use the generate feature in FigJam
- 19 - Generate a summary in FigJam
- 20 - Create a Figma Slides outline from FigJam
- 21 - Draft presenter notes in Figma Slides
- 22 - Adjust the tone in Figma Slides
Conclusion
- 23 - Next steps