Figma AI: When Design Tools Started Designing Themselves

Figma's AI features (First Draft, Make Designs, Rename Layers) bring generative design to the industry standard. Deep dive on what it's changed and what's still a gimmick.

35 min · Reviewed 2026

Figma is the dominant collaborative design tool, used by 4M+ designers. Its AI features — rolled out throughout 2024-2025 as Figma AI — include First Draft (prompt-to-mockup), Make Designs (natural language generation), auto-layer-renaming, auto-prototype connections, and visual search. After a pause from a legal issue in mid-2024 (Make Designs was paused for producing output suspiciously similar to existing apps), the suite was relaunched with better safeguards.

What it's genuinely good at

First Draft — generates a full starter design from a text prompt in the existing Figma editor.
Rename Layers — instantly cleans up 'Frame 47', 'Rectangle 23' with meaningful names.
Auto-prototype — AI guesses which elements should link to which screens.
Visual search — find all 'blue buttons' across 1,000 files instantly.
Content replacement — swap placeholder text and images with contextual ones.
Integrates with your existing team libraries and components.

What it struggles with

First Draft output is generic — looks like every other AI-generated Shopify-esque site.
Complex design systems — it ignores your component library more than it should.
Brand-specific design — it cannot be trained on your brand in deep ways.
Accessibility — generated designs often miss contrast and target-size requirements.
Still occasional near-duplicate output from Make Designs flagged after the 2024 incident.
Not a Midjourney/Recraft replacement for image generation.

Pricing (April 2026)

Free plan: Limited Figma AI usage (~30 AI actions/month).
Professional: $15/editor/month — unlimited AI actions for the editor.
Organization: $45/editor/month — shared AI governance, design system AI trained on your library.
Enterprise: $75/editor/month — full admin, SSO, advanced AI training on proprietary assets.
Dev Mode: Additional $25/developer/month — includes AI code generation from designs.

Who should bother: professional designers speeding up drafts, design ops teams cleaning giant files, product teams generating mockups during discovery. Who shouldn't: brand designers needing distinctive visual identity, designers who already have efficient workflows without AI, anyone needing legally pristine original work. Figma AI is a good assistant, not a designer.

End-of-lesson check

15 questions · take it digitally for instant feedback at tendril.neural-forge.io/learn/quiz/end-tool-figma-ai-creators

What does the 'First Draft' feature in Figma AI do?
1. Automatically renames layers with meaningful names based on their content
2. Creates visual prototypes by guessing which elements should link to each other
3. Searches through thousands of design files to find specific visual elements
4. Generates a complete starter design from a text prompt directly within the Figma editor
What happened to the 'Make Designs' feature in June 2024?
1. It was renamed to 'First Draft' to avoid confusion
2. It was released as a new feature for enterprise users
3. It was paused after generating output that closely resembled existing apps like iOS Weather
4. It was integrated into the free tier to attract more users
Which Figma AI feature would be most useful for cleaning up a file with thousands of poorly named layers like 'Rectangle 23' and 'Frame 47'?
1. Rename Layers
2. Make Designs
3. Auto-prototype
4. Visual search
Based on the lesson, what is a key criticism of First Draft's output?
1. It generates generic-looking designs that resemble every other AI-generated site
2. It produces overly complex designs that are difficult to edit
3. It creates designs with excellent accessibility compliance
4. It produces highly distinctive brand-specific visuals
Which pricing tier includes AI that can be trained on your organization's specific design library?
1. Organization at $45/editor/month
2. Dev Mode at $25/developer/month
3. Enterprise at $75/editor/month
4. Professional at $15/editor/month
What capability does 'visual search' provide in Figma AI?
1. Generating new images from text descriptions
2. Converting designs into accessible HTML and CSS code
3. Finding all instances of a specific visual element, like blue buttons, across many files
4. Detecting copyright violations in existing designs
After the 2024 incident with Make Designs, what did Figma do before relaunching the feature?
1. They changed the name to avoid legal issues
2. They retrained it with better safeguards
3. They released it immediately without changes
4. They deleted all training data and started over
What does the 'Auto-prototype' feature in Figma AI do?
1. Creates color palettes based on uploaded images
2. Generates code from design files automatically
3. Converts static images into editable vectors
4. Predicts which elements should link to which screens
Approximately how many AI actions are included per month in Figma's free plan?
1. Unlimited AI actions
2. 30 AI actions
3. 100 AI actions
4. 10 AI actions
What should designers keep in mind about the legal status of AI-generated designs in Figma?
1. They can still echo their training data and may not be legally clean
2. They cannot be used in commercial projects
3. They are legally pristine and safe to use commercially
4. They are automatically protected under copyright law
Which feature allows designers to swap placeholder text and images with contextually appropriate alternatives?
1. Content replacement
2. Rename Layers
3. Visual search
4. Make Designs
What additional cost does Dev Mode add to a Figma subscription?
1. $45 per editor/month
2. $15 per editor/month
3. $75 per editor/month
4. $25 per developer/month
How does the lesson characterize Figma AI's role in the design workflow?
1. It is a good assistant, not a designer
2. It is a replacement for human designers
3. It can fully automate the design process
4. It designs better than experienced professionals
Which accessibility issue is mentioned as a problem with AI-generated designs in Figma?
1. They ensure proper heading hierarchy by default
2. They generate fully keyboard-navigable interfaces
3. They automatically include alt text for all images
4. They often miss contrast and target-size requirements
What integration capability is highlighted as an advantage of Figma AI?
1. It integrates with your existing team libraries and components
2. It works without an internet connection
3. It replaces the need for design tools entirely
4. It automatically exports to every design format available

← Back to interactive lesson

Tendril · Creators · Tools Literacy