Figma Make is a new feature from Figma that combines artificial intelligence and design. It allows you to generate a working prototype of a web page or application by simply writing a text description. This feature is powered by the powerful Claude 3.7 Sonnet artificial model.
Figma Make officially became available to all users in July 2025 — meaning that even free users can now try creating designs based on text prompts. You could receive clean Vector Graphics files with this ai generator.
There are three main ways to create a design in Figma Make:
1. Text prompt + visual reference for Figma
You write what you want to see and add a screenshot or image. The tool analyzes them and creates your design as an option for inspiration or a starting point.
2. Detailed text prompt
If you have a clear idea, describe:
- context (what the page is for),
- platform (desktop, web),
- style (modern, minimalist),
- UI components (buttons, forms, icons).
This helps you get an accurate design, as in the examples shown by Figma.
3. Upload an existing Figma file
You can specify an existing design in Figma — the tool will look at its style, colors, auto-markup, and then, based on your improvement request, change or add new elements — while preserving the code, structure, and visual attributes.
Advantages of Figma Make
- Use styles from Figma. Figma Make takes typography, colors, spacing, and auto-markup and reproduces the design as an almost exact prototype of the Figma web interface.
- Create interactive designs. Even simple elements such as buttons with hover effects or transitions can be created with Figma Make. Even more complex tasks, such as creating mini-apps and 3D projects (e.g., fantasy games), are possible.
- Suitable for anyone on the team. No coding knowledge required — just describe what you want. Once launched, anyone can add to or review the prototype in Figma.
- Works seamlessly: from design to code. All information is saved: interface, style, structure. You can then export or integrate directly with Figma Sites or Supabase to create a full-fledged web app.
Limitations and disadvantages Figma Make
- Design cuts. Since the feature is still new (just out of beta), there may sometimes be issues with contrast or style. For example, a caption may not be contrasting enough — this can be fixed with a subsequent Figma AI prompt.
- Issues with change memory. If you update your design several times through different prompts, previous fixes may be overwritten by the tool. For example, you made a color correction, and the next change may remove this correction from Figma.
- Incomplete mobile design. Attempts to generate a mobile version often result in a mixed design — something between mobile and desktop. The mobile version requires further manual adjustment.
In simple terms for beginners
Imagine you’re writing a short description:
“Create a modern page for a wellness service: a hero section with a photo of a person, a ‘Start’ button, and a restrained palette of green and white.”
Figma Make processes this description and creates a real prototype in Figma — with an image, buttons, and styles. Tweet this!
Then you can say:
“Add animation when the button is clicked,” “Make the buttons a better green,” and the design will change automatically.
You can add reference images or an existing layout from Figma for more accurate results.
Who can use Figma Make?
- Designers who want to quickly test ideas.
- Product managers who explain ideas to the team.
- Marketers and businesses — create an MVP without coding.
- Anyone who wants to go from concept to prototype without manual drawing or technology.
But remember:
- You need to check the design after it is generated.
- Mobile versions may require manual refinement.
- There are also some flaws (contrast, change memory).
FAQ
- Do I need to know how to code?
No. Figma Make works entirely through text prompts and a simple interface. - Can I supplement the design manually?
Yes, after generation, you can edit text, images, indents, or convert to code. - How do I save the style structure?
The tool automatically takes into account the styles from your Figma file — colors, fonts, auto-layout
If you need to quickly create a design without lengthy briefs, graphic editors, or layout knowledge, Figma Make is a great tool. It’s ideal for experimenting, testing ideas, and quickly launching prototypes. It’s not perfect yet, but it’s very promising, especially for teamwork.
And if you’re just getting started in the world of IT and want to understand how design fits in with programming, you’ll be interested in learning about the Johannes Itten color wheel.
Leave a comment