
Design and media·Figma
Your Figma design, turned into a website
Build the home page from the Home Desktop frame in the Website 2026 file.
What you can do
Pages that follow your frames
The AI reads a Figma file and builds the pages with the section order and text it finds there.
Your design's colors and fonts
The AI takes the colors, fonts and spacing from the design and uses them across your website.
Comments after you confirm
Ask the AI to leave a comment in the Figma file, for example a question for the designer. It happens only after you confirm.
What you can ask the AI
Examples to type in the chat once the app is connected to your website.
Build the home page from the Home Desktop frame in the Website 2026 file.
Use the colors and fonts of the Brand Kit file in Figma across the whole website.
Leave a comment in Figma on the Contact frame asking about the mobile version.
How to connect it
- 1
Step 1
Open Integrations
In Studio, open Integrations in the website where you want to use Figma and find it in the Browse tab.
- 2
Step 2
Click Connect
Click Connect, sign in to your Figma account in the window that opens and approve access. The connection applies to this website only.
- 3
Step 3
Ask the AI
In the chat, say what you need from Figma. The AI reads what it needs and asks for your confirmation before any action in the app.
You stay in control
The AI reads your data directly when it needs it, but anything that sends, changes or deletes something in the app waits until you confirm it in the chat. Your data stays private and never shows up on your website unless you ask for it.
Frequently asked questions
The AI follows the structure, colors and text of the design and builds a real website that works on every screen. You can then fine tune it in the chat or the editor.
No. The AI reads the design when you ask. After a change, ask the AI to update the page and publish again.
No. The AI reads the design and can leave comments only after you confirm, but it does not change your frames.
More integrations
Google Photos
Store, organize and share your photos in albums. Connect it so the AI can work with your photos and albums.
See what it doesGoogle PhotosZeplin
Design handoff that connects designers and developers. Connect it so the AI can work with your screens and components.
See what it doesZeplinCanva
Easy design with templates for social posts and presentations. Connect it so the AI can work with your designs.
See what it doesCanva
Start your website and connect Figma
Describe your business, get a real website in a few minutes and connect the apps you use every day.