Stitch to Figma

Turn Stitch AI Code into editable Figma layers

Plugin Preview

Stitch to Figma

Turn Stitch AI Code into editable Figma layers

Features

- 🧩 Stitch AI HTML to Figma: Converts Stitch HTML into editable Figma layers.

- ⚡ Fast Conversion: Paste once, then click Import to render instantly.

- 🧠 Font & SVG Support: Loads web fonts and icon SVGs for visual fidelity.

- 🧱 Layout Preservation: Retains spacing, styles, and hierarchy as closely as possible.

Installation

1. Open Figma

2. Go to Plugins > Browse plugins in Community

3. Search for "Stitch to Figma"

4. Click Install

How to Use

1. In Stitch, select the frame you want, then More > View Code > Copy Code

2. Right-click and choose Plugins > Stitch to Figma

3. Paste the HTML into the input

4. Click Import

Notice

This plugin was developed based on the Stitch example project. Depending on your project structure, some elements may not convert correctly.

If you encounter any issues, please reach out via email at jerry@jerrykhw.dev and I'll do my best to address them.