New: Angular! Export React, Vue, Svelte, Angular or HTML with Tailwind or CSS Styling. Works in Dev Mode & Design Mode . No registration required - simply run the plugin and select a frame! Check out the Demo File . Have any questions? Join Slack for support, questions or feedback. Report Issues and Bugs here . Tipps: Use Auto layout and constraints. Color styles, text styles, and effect styles will be transferred as CSS variables or Tailwind config . The CSS classes are named after the layers in Figma. To maximize the plugin's potential, avoid using groups and keep the layers as simple as possible. Advanced Tipps for React/Vue/Svelte/Angular: Boolean , text and instance swap component properties will be exported if you select a component. Enable the "Nested Components" option in the settings to create components from all instances within your current selection. Variants can be exported as well. Receive a Zip folder containing all component files and a package.json . Install the dependencies (Node.js required) using npm i and start coding. Please note: The generated code is not production-ready but serves as a starting point for developers.
适用场景
AutoHTML | Components to Code 属于 开发 分类，适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类：开发
- 点赞：755
- 用户：137,472
- 定价模式：付费或混合定价
发布者信息
创建者：Thomas Deser。Figma 社区发布者：Thomas Deser。
兼容性与支持
- 支持编辑器：design, dev_handoff
- 发布时间：2024年11月25日
- 支持联系方式：support@autohtml.dev
安装前如何评估
查看 Figma 内最新更新说明，确认示例输出质量，并与下方相关插件做对比。