Sarah
Sebastien

FigmaNuxt,更快速。

借助适用于 Figma 的官方 Nuxt UI 和 Nuxt UI Pro 设计套件,从线框图到产品发布,极速完成。免费使用 Nuxt UI Kit 开始,或升级到 Nuxt UI Pro 以获取高级组件、布局和更高效的设计到代码转换能力。
  • 高级 Figma 功能
    组件、局部变量、自动布局、变体等。
  • 即时主题化
    使用局部变量和令牌即时自定义您的设计系统。
  • 两款强大的设计套件
    从基本组件开始,或解锁专业版以获取完整的区块和模板。

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

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

几次点击即可定制,满足您的需求

使用 Figma 变量控制您的整个设计系统。只需更新一次原始令牌,即可看到您的更改应用于整个系统。
  • 使用由 Tailwind CSS 颜色支持的颜色变量进行样式设置
  • 在整个文件中应用 500+ 个局部变量
  • 使用统一的令牌构建以保持一致性
Define local variables in the Nuxt UI Figma design kit

一个组件,无限可能

通过嵌套组件和可交换实例创建无限变体。每个元素都可以通过属性和插槽完全主题化,让您完全掌控。
  • 在 17K+ 组件和变体之间选择
  • 使用交换实例定制设计
  • 一键切换浅色和深色模式
A component in the Nuxt UI Figma design kit

与开发完美匹配

我们的 Figma 套件与 Nuxt UI Pro 组件完美匹配,确保设计与开发之间完全一致。
  • 使用相同的属性和令牌匹配开发标准
  • 通过直接链接访问 Nuxt UI 组件
  • 设计和开发团队共享一个组件语言,协同工作
A screenshot of Nuxt UI Code & Figma Kit

立即开始设计。

从下载到部署,步骤简单。
立即获取可投入生产的组件,并开始创建。
  • 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 组件和令牌。
免费
  • 仅限 Nuxt UI 组件
  • 40+ 个完全可定制的组件
  • 用于颜色、排版和效果的 Figma 局部变量
  • 支持浅色和深色模式
  • Lucide 图标 (1500+ 个图标) 集成
  • 定期更新
受到 17,000+ 设计师的青睐。
个人版许可
使用所有 Nuxt UI Pro 组件,设计更快速。
$149
一次性付款另加地方税费
  • 1 位设计师
  • Nuxt UI 和 Nuxt UI Pro 组件
  • 模板:着陆页、文档等
  • 附带分步指南的快速入门
  • 可用于无限项目
  • 终身免费更新
团队版许可
作为一个团队,您所需的一切,助您更快交付。
$349
一次性付款另加地方税费
  • 最多 20 位设计师
  • Nuxt UI 和 Nuxt UI Pro 组件
  • 模板:着陆页、文档等
  • 帮助您入门的分步指南
  • 可用于无限项目
  • 终身免费更新

全球 2,000+ 开发者和设计师正在使用。

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

常见问题

如果您找不到所需内容,请发送电子邮件给我们的支持团队,幸运的话会有人回复您。