Figma import
Connect Figma, pick frames from a file and bring them into your project as screenshots and design data the AI can build from.
Import frames from a Figma file and the AI builds your pages from them. Lyna saves each frame's screenshot and design data in your project and attaches them to the chat.
What you can do
- Connect your Figma account.
- Paste a link to a file, or to one frame in it.
- Search frames and pick one, several or all of them.
- Import them into the chat of an open project.
- Start a new project from Figma frames.
- Read a design system out of a Figma file.
Import frames into a project
Open the import
In the chat composer, open the + menu and choose Figma. You can also type /figma and pick Import Figma.
Connect
On the Connect step, choose Connect Figma Account and allow access in Figma. You do this once.
Paste a file link
On the File step, paste a link to a Figma file or to one frame, for example https://www.figma.com/design/..., then choose Load.
Pick frames
On the Frames step, search with Search frames..., select the frames you want, or choose All or None. Choose Import frames.
Build with the AI
The frames are saved in your project with their screenshots and attached to the chat, with a message that fits your chat mode. Send it, or edit it first.
Start a new project from Figma
On the projects page, choose New project, then Import design. Connect Figma, pick frames, then choose Create project with selection. The project opens with the frames attached to the chat. See Projects.
Read a design system from Figma
To take the colors, fonts and radius of a Figma file instead of its screens, use Start from your design in the Brand panel and pick Figma. See Brand and design system.
Figma request limits
Figma limits how many requests an import can make per minute, depending on your Figma plan. When the limit is hit, Lyna shows a countdown and retries on its own. Clear Cache & Retry starts over.