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.
适用场景
TeleportHQ - Figma to Code - Export HTML, CSS, React & Vue 属于 开发 分类，适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类：开发
- 点赞：2,579
- 用户：324,026
- 定价模式：免费
发布者信息
创建者：teleportHQ。Figma 社区发布者：teleportHQ。
兼容性与支持
- 支持编辑器：design, dev_handoff
- 发布时间：2024年11月25日
- 支持联系方式：hello@teleporthq.io
安装前如何评估
查看 Figma 内最新更新说明，确认示例输出质量，并与下方相关插件做对比。