How Figma Make uses Claude to turn prompts into prototypes

Claude powers a new way for designers to turn mockups into working software through natural language. In this video, we show how designers can describe what they want to build and get functional, interactive prototypes in return. Read the full customer story: http://claude.com/customers/figma

Feb 5, 20261mWatch on YouTube ↗

WHAT IT’S REALLY ABOUT

Figma Make pairs Claude with design taste to generate prototypes

The speakers frame design as expressing human taste and emotion, with Claude serving as a partner that helps people enact that taste more easily.
Figma has focused on translating what’s on the design canvas into pixel-perfect code that users can start from, reducing the gap between design and implementation.
Claude is highlighted as particularly strong at coding, producing code that developers would actually want to write compared to other models.
By removing the need to code for many creators, Figma Make aims to make prototyping and design more accessible and to unlock more experimentation and exploration.
The broader goal is not only faster workflows but higher-quality end products by enabling more iterations and ideas to reach completion.

IDEAS WORTH REMEMBERING

5 ideas

AI is positioned as an accelerator of human taste, not a replacement for it.

The transcript emphasizes that conveying a feeling is fundamentally human, while Claude helps people execute their intent more easily and quickly.

The key technical promise is pixel-perfect design-to-code translation.

Figma’s work centers on turning what’s on the canvas into accurate, usable code that serves as a reliable starting point rather than a rough approximation.

Claude is selected for coding quality that meets developer expectations.

The speakers explicitly claim Claude “knows code better than most models” and outputs code developers would be comfortable maintaining.

Figma Make lowers the barrier for non-coders to build real prototypes.

One speaker notes they don’t code and no longer have to, suggesting creators can build interactive outcomes without traditional engineering effort.

The intended win is higher-quality outcomes through more exploration, not just speed.

By making it cheaper (time/effort) to try ideas, users can run more iterations and arrive at better end results.

WORDS WORTH SAVING

5 quotes

The act of design, trying to convey a feeling, only humans can do that.

— Unknown

Claude is a, a great partner to power Figma Make because every single person who has taste can just enact it all that easier.

— Unknown

We've spent a ton of time at Figma figuring out how to effectively translate what you have on the canvas to pixel perfect code, uh, that you can just start from.

— Unknown

You'll be able to do things now with Claude that would've otherwise taken you a lot of time, a lot of energy, and I'm really, really excited actually to see all of the new ideas that people are able to produce with Figma Make.

— Unknown

Design is gonna be a, a much more accessible practice for people.

— Unknown

Human taste and emotional intent in designClaude as a design-to-code partnerCanvas-to-pixel-perfect code translationDeveloper-grade code generationNo-code prototyping for non-codersFaster iteration and explorationAccessibility of design practice

High quality AI-generated summary created from speaker-labeled transcript.

Get more out of YouTube videos.

High quality summaries for YouTube videos. Accurate transcripts to search & find moments. Powered by ChatGPT & Claude AI.