| description |
|---|
Design in Figma, launch in Jet. Turn your static designs into clean, production-ready web apps with the Figma to Jet plugin. |
{% embed url="https://www.youtube.com/watch?v=F5RYVPibse8" %}
The Figma to Jet plugin lets you turn your static designs into clean, production-ready Jet components. Add Jet Interactions, wire up content using your data source, and one-click publish your fully functional web apps.
{% @arcade/embed flowId="YjE6uvovuWQ36UpyBO3o" url="https://app.arcade.software/share/YjE6uvovuWQ36UpyBO3o" %}
- Install + connect. Pass Figma Plugin key access to the Jet apps you’ll use to transfer designs from Figma to Jet.
- Copy + paste. Design with auto layout in Figma, then easily translate your designs to Jet as responsive components — you can apply pixel-perfect adjustments later.
- Polish + publish. Bring your static designs to Jet, wire content with your data source, and one-click publish your fully functional web apps.
- Auto layout enables responsive across varius devices.
- Your styling, layouts, colors, text, and images will transfer seamlessly when you paste them into Jet.
- Masks
- Shapes (import as SVG at the moment)
- Custom border dashes
- Layer/Background blur
- Border join style
- Pre-built layout and structure templates are built with auto layout and are fully responsive when pasted into Jet.
- All Vector layers will be exported as SVGs. This can be handy for complex multi-layer graphics.
- The plugin doesn’t translate prototyping interactions from Figma. Users can apply Jet Interactions after pasting designs over.
- The plugin doesn’t transfer custom fonts. If you’re using custom fonts in Figma, you’ll need to move to Google Fonts before or after importing.