Figma

免费#

• shadcn/ui 组件 由 Sitsiilia Bergmann 提供，是一个结构清晰、与 shadcn 组件系统一致并持续维护的组件库。
• shadcn/ui 设计系统 由 Pietro Schirano 提供，是 shadcn/ui 的设计配套；每个组件都经过精心制作，力求与代码实现完美匹配。
• Obra shadcn/ui Community Edition 由 Obra Studio 提供，是一套包含所有组件、易于主题化的完整 Figma 套件，由设计师团队维护。
• shadcncraft Free Starter Kit 由 shadcncraft 提供，包含适用于全部八种 shadcn/ui 样式的原生 Figma 变量、从 tweakcn 和 shadcn/ui Create 导入主题、切换图标以及匹配的 React 组件，并持续维护。

付费#

• shadcn/ui kit by Matt Wierzbicki - 一款高级、始终保持最新的 Figma UI 套件，兼容 shadcn/ui，并针对流畅的设计到开发交接进行了优化。
• shadcncraft – shadcn/ui Figma kit - 包含全部八种 shadcn 样式，以及数百个带有匹配 React 代码的 Pro 组件和区块。该插件可构建新样式、加载自定义 shadcn 预设和 tweakcn 主题，并将画板导出为 React；通过 Figma MCP，代理技能可将设计转换为代码。
• shadcn/studio UI Kit - 使用兼容 shadcn/ui 的 Figma 套件加速设计与开发，其中包含更新后的组件、550 多个区块、10 多个模板、20 多个主题，以及一款可将设计转换为 shadcn/ui 代码的 AI 工具。
• Shadcnblocks.com - 一款高级 Shadcn Figma UI 套件，包含组件、500 多个专业区块、shadcn 主题变量、明暗模式，并已准备好支持 Figma MCP。
• Obra shadcn/ui Pro by Obra Studio - 专为需要高效完成工作的设计师打造，是 Figma 中 shadcn/ui 的出色设计师体验。具备与 shadcn 一致的变量，以及自定义组件、Pro 区块和设计到代码插件。
• Shadcn Space - 一个精心设计的资源集合，包含 320 多个区块、9 个以上的模板和 250 多个组件，并配备兼容 shadcn/ui 的 Figma 套件，专为现代 React 和 Next.js 工作流打造。使用能够映射真实代码架构和适用于生产环境的实现模式的 Figma 组件，更快地完成设计、原型制作和发布。
• Shadcn Design System 由 ShadcnStore 提供，是一套完整的 shadcn/ui Figma UI 套件，包含组件、变体、设计令牌、生产就绪的区块和模板，适合快速工作流和像素级精准的设计到开发交接。
• Shadcn UI Kit by Toby Belhome - 一个 shadcn/ui Figma 套件，包含 16 个管理后台仪表盘、17 个应用模板和 550 多个区块。使用 Figma 变量、明暗模式和与代码相匹配的组件，顺畅完成设计到开发交接。