How to Use Bolt: Tips & Tricks
Figma Integration with Anima
Getting Started
On the bolt.new homepage, click “Import from Figma”:
Next, paste a Figma frame URL into the text field and click “Import Figma frame into Bolt”:
Figma Frames
You must link to a Figma frame. Right-click the frame > Copy/Paste as > Copy link to selection and then paste this URL into Bolt as above:
Alternatively, prepend the Figma frame URL with bolt.new:https://bolt.new/figma.com/...
Making the Design Responsive
You can use Figma’s auto layouts and Anima’s breakpoints to make the design responsive as described here.
For best results, it is important to follow Figma best practices in Anima as desribed here.
Alternatively, you can prompt Bolt to make the design interactive.
Was this page helpful?