🖼️Import Figma Design
Design in Figma, launch in Jet. Turn your static designs into clean, production-ready web apps with the Figma to Jet plugin.
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.
Here’s how it works:
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.
Additional features:
Auto layout enables responsive across varius devices.
Your styling, layouts, colors, text, and images will transfer seamlessly when you paste them into Jet.
What is not supported:
Masks
Shapes (import as SVG at the moment)
Custom border dashes
Layer/Background blur
Border join style
Workflow tips:
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.
Caveats and future improvements
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.
Last updated