๐Ÿ–ผ๏ธ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:

  1. Install + connect. Pass Figma Plugin key access to the Jet apps youโ€™ll use to transfer designs from Figma to Jet.

  2. 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.

  3. 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