TeleportHQ – Figma to Code – Export HTML, CSS, React & Vue

Figma Resource

Export your Figma prototype to HTML/CSS, React, Next, Vue, Nuxt and Angular

Export your components and design system to teleportHQ, integrate the generated code into your web application codebase and publish your website with one click.

How to use the plugin?

  • Select any layers from your high fidelity prototypes, export them to teleportHQ and get the code with one click
  • Use the “Copy to Clipboard” functionality to copy and paste the layers into your existing teleportHQ project

Learn more about how to use this plugin

here

.



Code Export

Export your code to React, Next, Vue, Nuxt, Angular and HTML/CSS

Make responsive adjustments, test everything in TeleportHQ and publish with one click.

Developer handoff has never been easier!


Open Source Code Generators


TeleportHQ’s code generators

are open source

.

If you don’t find exactly what you need you can build your own. We’ll support you!

Want to learn more? Check out the

REPL

where you can test the code generators with all the js frameworks or css-in-js libraries.


Limitations

The current version of the TeleportHQ design to code plugin does not yet support

  • Masks
  • Background blur and layer blur
  • Scales & rotations
  • Radial gradients
  • Shadow tokens
  • Component overrides and variants
  • GIFs
  • Rich-text elements

About Us


TeleportHQ is a low-code platform

and a suite of open-source tools that focus on the designer-developer handoff and the visual building of user interfaces.

Follow Us


Twitter



Facebook



LinkedIn

Support/Community

Need help? Join us on our

Discord community

and discuss with one of our team members.