Teleport Design to Code is a free plugin that automatically generates the code of your autolayout Figma frames.
Learn how to use the plugin with this 5 minutes tutorial.
- instant code generation for React, Preact, Gatsby, Vue, Next, Angular, and Stencil
- live preview
- code inspection
- assets inventory
- export to teleportHQ (coming soon)
- deploy your project as a website to Vercel
- export to CodeSandbox
For now, Teleport Design to Code only generates code for frames that are using Figma’s autolayout. However, we’re already working on generating the code from frames that do not (or only partially) use Figma’s autolayout.
How does it work?
teleportHQ is a collaborative platform and a suite of open-source tools that focus on the designer-developer hand-off and the visual building of user interfaces.
Need help? Join us on our Discord community and discuss with one of our team members.