The only API for
HTML to Figma
Use code.to.design in your plugin!
Convert any HTML, CSS and JavaScript
to fully detailed Figma
designs.
From ChatGPT to Figma without all the work
Use your prompts to generate HTML from OpenAI or other generative AIs. code.to.design then takes care of the transformation to design, bridging the gap between the power of AI and Figma.
Try our playgroundhtml.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.designAlready powering 3 Figma plugins
used by 350,000+ people

code.to.design playground
Instantly transform your code snippets into fully editable Figma designs.
Try code.to.design playgroundIs your plugin next?
Start your own Figma plugin and use code.to.design to automate design creation.
Request access to code.to.design API
All you need to enhance your
Figma plugin
Batteries included
Conversion API
Our API servers convert any HTML, CSS and JavaScript content in
seconds with content, assets, images, fonts, etc... Ready to be
consumed by our SDK.
Request access
JavaScript SDK
Production-grade SDK for you to use in your own plugin, to process the
result of our Conversion API.
Request access
What users are saying about code.to.design technology
I couldn’t live without this. What an amazing extension!

This is a game changer

@brightadoniz_
html.to.design is godsend

@thejacksonyew
Been looking for something like that for ages!

@adrianraathweb
I want everyone to know this plugin is extremely useful and well built. any web-based application can now down assessed in minutes! Think about the time you are saving by allowing designers (UX and UI) to breakdown what is being built and how the development team decided to build it that way.
