---
title: Figma
description: 社区复刻的全部组件，提供可自定义属性、排版与图标，便于在 Figma 中使用。
---

<Callout>
  **提示：** 这些 Figma 文件来自社区贡献。如有问题或反馈，请联系相应文件的维护者。
</Callout>

## Free

- [Obra shadcn/ui](https://www.figma.com/community/file/1514746685758799870/obra-shadcn-ui) by [Obra Studio](https://obra.studio/) - Carefully crafted kit designed in the philosophy of shadcn, tracks v4, MIT licensed
- [shadcn/ui design system](https://www.figma.com/community/file/1203061493325953101) by [Pietro Schirano](https://twitter.com/skirano) - A design companion for shadcn/ui. Each component was painstakingly crafted to perfectly match the code implementation.

## Paid

- [shadcn/ui kit](https://shadcndesign.com) by [ Matt Wierzbicki](https://x.com/matsugfx) - A premium, always up-to-date UI kit for Figma - shadcn/ui compatible and optimized for smooth design-to-dev handoff.
- [Shadcraft UI Kit](https://shadcraft.com) - The most advanced shadcn-compatible kit with instant theming via [tweakcn](https://tweakcn.com), a pro library of components and templates, and complete coverage of shadcn components and blocks.
- [shadcn/studio UI Kit](https://shadcnstudio.com/figma) - Accelerate design & development with a shadcn/ui compatible Figma kit with updated components, 550+ blocks, 10+ templates, 20+ themes, and an AI tool that converts designs into shadcn/ui code.
## 付费资源

- [shadcn/ui kit](https://shadcndesign.com)，作者 [Matt Wierzbicki](https://x.com/matsugfx) —— 一套高质量且持续更新的 Figma UI Kit，全面兼容 shadcn/ui，并针对设计到开发的协作流程做了优化。
- [Shadcraft UI Kit](https://shadcraft.com) —— shadcn 兼容的高级套件，内置 [tweakcn](https://tweakcn.com) 提供的即时主题切换、专业组件与模板库，以及对 shadcn 组件与 Blocks 的完整覆盖。

## 免费资源

- [shadcn/ui design system](https://www.figma.com/community/file/1203061493325953101)，作者 [Pietro Schirano](https://twitter.com/skirano) —— shadcn/ui 的设计伴侣，每个组件都精心制作，以完美匹配代码实现。
- [Obra shadcn/ui](https://www.figma.com/community/file/1514746685758799870/obra-shadcn-ui)，作者 [Obra Studio](https://obra.studio/) —— 遵循 shadcn 理念打造的精细套件，跟随 v4 同步更新，并以 MIT 许可发布。