Figma to Kiro
Extract pixel-perfect design data to generate faithful starter code in Kiro.
Plugin Preview
About this plugin
This Figma plugin extracts a selected layer tree into a structured Design Payload capturing measurements, design tokens, auto-layout mapped to flexbox, and image/SVG assets. The payload is saved to file in your Kiro folder, then used by Kiro's code generator to produce starter code in a neutral format (CSS + HTML), React components, or Tailwind utility classes.
Plugin Details
| Version | 2 |
|---|---|
| Created | June 7, 2026 |
| Last Updated | June 13, 2026 |
| Category | Import & export plugins |
| Creator | Gerard Lyon |
| Stats | 14 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:main.js
- Document Access:dynamic-page
- Network Access:
This plugin operates entirely offline — export is via clipboard or save-to-file.
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
CoverCraft - Figma x Hashnode
Seamlessly Set Cover Images from Figma to Hashnode
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes