Skip to content
Figma Plugin Hub
Figma to Kiro

Figma to Kiro

by Gerard Lyon

Extract pixel-perfect design data to generate faithful starter code in Kiro.

FreeFigma
Performance report Open in Figma

Installs

14

Likes

1

Users

144

Views

337

Preview

Figma to Kiro 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.

More import & export plugins plugins

View all
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)

html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)

Paid

by divRIOTS

Convert any website into fully editable Figma designs

356.5K 39.4K
Figma to HTML

Figma to HTML

by Figma2HTML

Convert Figma design to HTML

206.9K 7K
TinyImage Compressor

TinyImage Compressor

Paid

by Hypermatic

Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma

194.4K 4.7K
Pitchdeck Presentation Studio

Pitchdeck Presentation Studio

Paid

by Hypermatic

Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF

176.2K 6.1K