雨果
莎拉
从 Figma 到 Nuxt，更快。
使用官方 Nuxt UI Figma 设计套件，从线框图到产品发布，迅速完成。在一个全面的套件中，获取所有组件、布局和更高的设计到代码效率。
- Figma 高级功能组件、局部变量、自动布局、变体等。
- 即时主题化使用局部变量和标记，即时定制您的设计系统。
- 完整设计套件在一个全面的套件中，访问所有组件、块和模板。
您需要的一切尽在一个文件中。
设计与开发与我们全面的Nuxt UI 设计套件完美同步。开发人员可以更快地实现设计，而设计师则可以使用可用于生产的组件进行工作。
点击几下即可自定义以满足您的需求
使用 Figma 变量控制您的整个设计系统。一次更新基本标记，您的更改就会传播到整个系统。
- 使用 Tailwind CSS 颜色支持的颜色变量进行样式设置
- 在整个文件中应用超过 500 个局部变量
- 使用统一标记构建以保持一致性
一个组件，无限可能
通过嵌套组件和可交换实例创建无限变体。每个元素都可以通过 props 和 slots 完全主题化，让您完全掌控。
- 在 20k+ 组件和变体之间选择
- 使用交换实例自定义设计
- 一键切换亮暗模式
与开发完美匹配
我们的 Figma 套件与 Nuxt UI 组件完美匹配，确保设计和开发之间的完全一致。
- 使用相同的 props 和 tokens 匹配开发标准
- 通过直接链接访问 Nuxt UI 组件
- 设计和开发团队共享一个组件语言，共同协作
立即开始设计。
从 Figma 到部署，只需简单几步。
即时访问可用于生产的组件并开始创建。
即时访问可用于生产的组件并开始创建。
- 即用型模板包含用于营销网站、文档等的生产级模板。
- 完善的文档系统为设计师和开发人员提供掌握设计系统的完整指南。
- 图标包包含完整的 Lucide 图标库 - 1500 多个现成组件。
全球 2,000 多名开发人员和设计师正在使用。
常见问题
如果您找不到您想要的内容，请发送电子邮件给我们的支持团队，如果幸运的话，会有人回复您。
是的。您不需要 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 组件并检查它生成的代码