Does Bolt integrate with Figma?
Yes — built-in one-way import
Yes. Bolt has a built-in Figma import: connect your Figma account, paste a frame URL, and Bolt recreates the layout as code. It imports individual frames, not whole projects, and the flow is one-way. Basic import is free; rebuilding frames with your own design system requires a paid Team account.
| Integration method | Native (built-in import) — Bolt has a built-in "Import from Figma" flow. You connect your Figma account and paste a Figma frame URL; Bolt recreates the layout as code. No middleware (Zapier, Make, MCP) is required. |
|---|---|
| Sync direction | One-way: designs flow from Figma into Bolt as code. There is no documented sync from Bolt back to Figma. |
| Plan required | Basic Figma frame import is available on the free tier. Design-system import (rebuilding frames with your own components) requires a paid Team account. |
| Setup time | ~5 minutes unverified estimate |
How to connect Bolt to Figma
- On bolt.new click "Import from Figma" (or in the chatbox, the plus icon, then "Import Figma frame").
- Connect your Figma account and stay logged in to Figma.
- Paste the Figma frame URL into the "Choose a Figma frame" window.
- Click "Import Figma frame into Bolt" to generate the code project.
- For a design-system rebuild on a Team account, choose the "Screenshot" option rather than "Code" so Bolt uses your components.
Known friction points
- Bolt imports individual frames, not entire Figma projects, so multi-screen designs must be imported frame by frame. [source]
- When using a design system, you must select the "Screenshot" option; the "Code" option uses a tool that is not aware of your design system and will not build with your components. [source]
FAQ
- Does Bolt integrate with Figma?
- Yes. Bolt has a built-in "Import from Figma" flow. You connect your Figma account, paste a frame URL, and Bolt recreates that frame's layout as code. The import is one-way, from Figma into Bolt.
- Is the Figma import free in Bolt?
- Basic Figma frame import is available on the free tier. Rebuilding imported frames with your own design system components requires a paid Team account and the "Screenshot" import option.
- Can Bolt sync changes back to Figma?
- No. The integration is a one-way import. Designs flow from Figma into Bolt as code; there is no documented sync from Bolt back to Figma.
✓ Last verified: 2026-06-10 · Every claim on this page links to a primary source. If the integration changed, the page is out of date — check the sources below.
Sources
- Bolt support — Figma integration (accessed 2026-06-10)