Design and mediaFigma

Your Figma design, turned into a website

If you have a finished design in Figma, the AI can use it as the starting point. Connect it and ask for pages that follow its frames, colors and text.

Create your site for free Integrations

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

Does the AI copy the design pixel for pixel?

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.