Hugo
Sarah
从 Figma 到 Nuxt，更快速。
借助官方 Nuxt UI Figma 设计资源包，瞬间完成从原型到生产的转化。在一个综合资源包中获取所有组件、布局，并提升设计到代码的转换效率。
- 高级 Figma 功能组件、局部变量 (Local Variables)、自动布局 (Auto Layout)、变体 (Variants) 等。
- 即时主题定制使用局部变量和令牌 (Tokens) 瞬间定制您的设计系统。
- 完整的设计资源包在一个综合资源包中访问所有组件、区块和模板。
您所需的一切都在 单个文件 中。
通过我们全面的设计与开发同步工具Nuxt UI 设计资源包。开发者可以更快地实现设计，而设计师则可以使用生产就绪的组件进行创作。
只需点击几下即可按需定制
通过 Figma 变量控制整个设计系统。只需更新一次基础令牌，即可看到更改应用到整个系统。
- 使用基于 Tailwind CSS 颜色的颜色变量进行样式设计
- 在整个文件中应用超过 500 个局部变量
- 使用统一的令牌构建以确保一致性
一个组件，无限可能
通过嵌套组件和可替换实例创建无限变体。每个元素都可以通过属性 (Props) 和插槽 (Slots) 进行完整的主题化，让您拥有完全的控制权。
- 在 2 万多个组件和变体中进行选择
- 通过替换实例定制设计
- 一键切换浅色和深色模式
与开发完美匹配
我们的 Figma 资源包与 Nuxt UI 组件完美匹配，确保设计与开发之间的高度一致。
- 使用相同的属性和令牌匹配开发标准
- 通过直接链接访问 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 组件并检查它生成的代码