雨果
莎拉
从 Figma 到 Nuxt，更快。
使用官方 Nuxt UI Figma 设计套件，从线框图到产品发布，即刻完成。在一个综合套件中即可访问所有组件、布局，并提高设计到代码的效率。
- 高级 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 组件并检查其生成的代码