雨果 (Hugo)
莎拉 (Sarah)
从 Figma 到 Nuxt，更快。
使用适用于 Figma 的官方 Nuxt UI 设计套件，在短时间内从线框图到产品。在一个全面的套件中获取所有组件、布局以及增强的设计到代码效率。
- 高级 Figma 功能组件、局部变量、自动布局、变体等。
- 即时主题化使用局部变量和令牌即时定制您的设计系统。
- 完整设计套件在一个全面的套件中访问所有组件、区块和模板。
您需要的一切都包含在一个文件中。
通过我们全面的Nuxt UI 设计套件实现设计与开发的完美同步。开发人员可以更快地实现设计，而设计师则可以使用生产就绪的组件进行工作。
只需点击几下即可根据您的需求进行定制
使用 Figma 变量控制您的整个设计系统。更新一次原始令牌，即可观察您的更改传播到整个系统。
- 使用由 Tailwind CSS 颜色支持的颜色变量进行样式设置
- 在您的整个文件中应用超过 500+ 个局部变量
- 使用统一的令牌构建以保持一致性
一个组件，无限可能
通过嵌套组件和可交换实例创建无限变体。每个元素都可以通过 props 和 slots 完全主题化，让您完全掌控。
- 在 2 万多个组件和变体之间选择
- 使用交换实例定制设计
- 一键切换亮暗模式
与开发完美匹配
我们的 Figma 套件与 Nuxt UI 组件完美匹配，确保设计与开发之间完全一致。
- 使用相同的 props 和令牌匹配开发标准
- 通过直接链接访问 Nuxt UI 组件
- 设计和开发团队共享一个组件语言，共同协作
立即开始设计。
从 Figma 到部署，简单几步。
即时访问生产就绪的组件并开始创建。
即时访问生产就绪的组件并开始创建。
- 即用型模板包含用于营销网站、文档等的生产就绪模板。
- 完善的文档系统为设计师和开发人员提供掌握您的设计系统的完整指南。
- 图标包包含完整的 Lucide 图标库 - 1500 多个现成组件。
全球 2000 多名开发人员和设计师正在使用。
常见问题
如果您找不到所需内容，请发送电子邮件至我们的支持团队，幸运的话会有人回复您。
是的。您不需要 Figma 的付费计划即可使用我们的 UI 工具包。
只需访问Figma 社区页面并将文件复制到您的账户。
是的，您可以使用 UI 工具包进行商业项目并出售利用这些组件的设计。
是的，您可以为多个客户创建多个项目，项目数量没有限制。
请发送电子邮件至design@nuxt.com并附上您的详细信息，我们会帮助您。
我们推荐使用开源的TemPad Dev检查面板以及TemPad Dev Nuxt UI 插件:
- 安装TemPad Dev Chrome 扩展程序
- 打开您的包含 Nuxt UI 组件的 Figma 文件（如果您没有看到 TemPad Dev 面板，请重新加载页面）
- 在 TemPad Dev 的插件部分安装
@nuxt插件 - 选择任何 Nuxt UI 组件并检查其生成的代码