On this page
About TeleportHQ
TeleportHQ is a free Figma plugin published by teleportHQ in 2021. It works in Figma Design and Dev Mode and has 407,800 users and 3,441 likes on the Figma Community. It ranks #7 in Figma to Code on our lists.
In the developer's words
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
Support/Community
Need help? Join us on our Discord community and discuss with one of our team members.
What's new
Version 78 · released Oct 29, 2024
- Text export improvements
- Added export preferences in the config tab
Permissions and privacy
Network access
This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where TeleportHQ ranks
TeleportHQ alternatives
- 1
Figma to Code
by Bernardo Ferrari
2.3M users8.5KFreeCode Conversion Made Easy: Figma to Web & Apps
- 2
Anima
by Anima
1.8M users17KFreeAnima - AI Powered Design to code
- 3
Builder.io
by Steve Sewell
1.3M users23KFreeExport designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
- 4
Figma to HTML
by Figma2HTML
670K users6.7KFreeConvert Figma design to HTML
- 5
Figma to HTML with Framer
by Framer
612K users11KFreeConvert your Figma design to HTML code in seconds with Framer.
- 6
Locofy Lightning
by Locofy.ai
594K users5.3KFreeConvert Figma designs to code in a flash: React, React Native, Flutter, HTML/CSS, Angular, Next, Vue
TeleportHQ FAQ
What does TeleportHQ do?
TeleportHQ - Figma to Code. It's a Figma plugin by teleportHQ that runs in Figma Design and Dev Mode.
Is TeleportHQ free?
Yes. TeleportHQ is free to install and run from the Figma Community, with no paid tier listed.
How do I install TeleportHQ?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to TeleportHQ?
By user count, the closest alternatives are Figma to Code, Anima and Builder.io. Compare all of them on the best Figma plugins for figma to code.
Built this plugin?
Use this page as a landing page for TeleportHQ: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/teleporthq/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="TeleportHQ on figmaplugins.co" width="220" height="48"></a>