The only API for
HTML to Figma

Use the code.to.design API in your application.
Convert any HTML, CSS and JavaScript into detailed designs to paste directly into Figma!

Get started Try our playground
Representation of a data workflow from different sources as icons going through code.to.design icon and flowing into a window of Figma

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.
Read documentation

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.
Read documentation

abstract image

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
abstract image

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
See it in action

Already powering 3 Figma plugins

used by 800,000+ users

abstract image

code.to.design playground

Instantly transform your code snippets into fully editable Figma designs.

Try code.to.design playground

code.to.design API

Let's get started