Sarah
Sebastien

从 Figma 到 Nuxt，更快。

使用 Figma 的官方 Nuxt UI 和 Nuxt UI Pro 设计套件，从线框图到产品开发，快速实现。使用 Nuxt UI 套件免费开始，或者升级到 Nuxt UI Pro 以获得高级组件、布局和更高的设计到代码效率。
购买专业版套件免费 Figma 套件
  • 高级 Figma 功能
    组件、本地变量、自动布局、变体等。
  • 即时主题化
    使用本地变量和 Tokens 即时自定义您的设计系统。
  • 两个强大的设计套件
    从基础组件开始，或解锁专业版以获得完整的区块和模板。

您所需的一切都在一个单一文件中。

通过我们的设计和开发完美同步，免费版和专业版文件。开发者可以更快地实现设计，而设计师则使用可用于生产的组件进行工作。

只需点击几下即可自定义，以满足您的需求

使用 Figma Variables 控制您的整个设计系统。只需更新一次基础 Tokens，即可查看您的更改如何遍布整个系统。
  • 使用由 Tailwind CSS 颜色驱动的颜色变量进行样式设计
  • 在您的整个文件中应用超过 500 个本地变量
  • 使用统一的 Tokens 进行构建以保持一致性
预览 UI Pro 设计套件
Define local variables in the Nuxt UI Figma design kit

一个组件，无限可能

通过嵌套组件和可交换实例，创建无限的变体。每个元素都完全支持主题化，通过 Props 和 Slots，让您拥有完全的控制权。
  • 选择超过 17000 个组件和变体
  • 使用可交换实例自定义设计
  • 一键切换明亮和黑暗模式
预览 UI Pro 设计套件
A component in the Nuxt UI Figma design kit

与开发完美匹配

我们的 Figma 套件与 Nuxt UI Pro 组件完美匹配，确保设计与开发完全一致。
  • 使用相同的 Props 和 Tokens 匹配开发标准
  • 通过直接链接访问 Nuxt UI 组件
  • 由于设计和开发团队共享同一种组件语言，实现协同工作
预览 UI Pro 设计套件
A screenshot of Nuxt UI Code & Figma Kit

立即开始设计。

从下载到部署，只需简单几步。
立即获取可用于生产的组件并开始创建。
立即获取访问权限预览 UI Pro 设计套件
  • Import the Nuxt UI Pro Figma design kit

    1 下载并导入

    购买后，只需解压 ZIP 文件并将其直接拖放到 Figma 中。

  • Customize the Nuxt UI Pro Figma design kit

    2 根据您的品牌进行自定义

    只需几分钟即可设置您的颜色、排版和样式，以匹配您的品牌形象。

  • Design your website with the Nuxt UI Pro Figma design kit

    3 设计您的网站

    使用可用于生产的组件设计精美的界面。拖放并自定义。

  • Share it with your developers with the Nuxt UI Pro Figma design kit

    4 与您的开发者共享

    使用与 Nuxt UI 结构完全匹配的组件，实现完美的开发交接。

  • 即用型模板
    包含适用于营销网站、文档等的可用于生产的模板。
  • 文档齐全的系统
    提供完整的指南，供设计师和开发者使用，以便掌握您的设计系统。
  • 图标包
    包含完整的 Lucide 图标库 - 1500 多个可用组件。

可随您扩展的定价计划。

使用 Nuxt UI 组件免费开始，或一次性购买解锁完整的 Nuxt UI Pro 设计套件。
免费设计套件
包含所有 Nuxt UI 组件和 Tokens。
免费
  • 仅限 Nuxt UI 组件
  • 40+ 个完全可自定义的组件
  • 用于颜色、排版和效果的 Figma 本地变量
  • 支持明亮和黑暗模式
  • Lucide 图标 (1500+ 个图标) 集成
  • 定期更新
在 Figma 中打开

被超过 17000 名设计师使用。

个人许可
使用所有 Nuxt UI Pro 组件，更快地设计。
$149
一次性付款外加当地税费
  • 1 位设计师
  • Nuxt UI 和 Nuxt UI Pro 组件
  • 模板：着陆页、文档等
  • 快速入门附带分步指南
  • 可用于无限项目
  • 终身免费更新
立即购买在 Figma 中预览
团队许可
您所需的一切，帮助团队更快交付项目。
$349
一次性付款外加当地税费
  • 最多 20 位设计师
  • Nuxt UI 和 Nuxt UI Pro 组件
  • 模板：着陆页、文档等
  • 分步指南帮助您开始使用
  • 可用于无限项目
  • 终身免费更新
立即购买在 Figma 中预览

被全球 2000 多名开发者和设计师使用。

Springfield ClinicChurnkeyBOSCHBlizzardBodetWinRealityTower ResearchLiege AirportUniversity of WashingtonFundaExxonMobilMain PostINSEPApplauseInstadapp
Springfield ClinicChurnkeyBOSCHBlizzardBodetWinRealityTower ResearchLiege AirportUniversity of WashingtonFundaExxonMobilMain PostINSEPApplauseInstadapp
Springfield ClinicChurnkeyBOSCHBlizzardBodetWinRealityTower ResearchLiege AirportUniversity of WashingtonFundaExxonMobilMain PostINSEPApplauseInstadapp
Springfield ClinicChurnkeyBOSCHBlizzardBodetWinRealityTower ResearchLiege AirportUniversity of WashingtonFundaExxonMobilMain PostINSEPApplauseInstadapp

常见问题

如果您找不到所需的信息，请发送电子邮件至我们的支持团队。如果幸运的话，您会收到回复。