code.to.design

ChatGPT

Claude

Any model

Gemini

HTML5

FIGMA

The only API for
HTML to Figma Use code.to.design in your plugin!
Convert any HTML, CSS and JS to create designs directly in Figma.

Request API access Try our playground

The only API for
HTML to Figma Use code.to.design in your plugin!
Convert any HTML, CSS and JS to create designs directly in Figma.

Get Started Try our playground

Features Everything you need for an "Export to Figma" feature in your product

Clipboard mode Our API converts HTML, CSS and Javascript into clipboard data that can then be pasted directly into a Figma canvas.

Plugin mode If you're building a Figma plugin, our API converts HTML, CSS and JavaScript into Figma data that can then be directly used in a Figma canvas. We provide a production-grade Javascript SDK.

See it in action

Already powering top products Used by nearly 3 million users

html.to.design Convert any website into fully editable Figma designs. Leverage an existing website and import into Figma to start your own designs, without building each element from scratch. Try html.to.design

story.to.design Generate and sync a full Figma library from Storybook. Keep your Figma components up to date with code in a single click. Try story.to.design

banani Generate beautiful and user-friendly designs using AI. Try banani

code.to.design Playground Instantly transform your code snippets into fully editable Figma designs. Try code.to.design

See it in action code.to.design API

Try in Playground