Components
@shadcn/react
@shadcn/helpers
Utilities
注意: Figma 文件由社区贡献。如果您有任何问题或反馈,请联系 Figma 文件维护者。
免费#
- shadcn/ui 组件 由 Sitsiilia Bergmann 提供 - 一个结构良好的组件库,与 shadcn 组件系统保持一致,并定期维护。
- shadcn/ui 设计系统 由 Pietro Schirano 提供 - shadcn/ui 的设计配套。每个组件都经过精心制作,力求与代码实现完美匹配。
付费#
- 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 组件,更快地完成设计、原型制作和发布。