SheepNav
Shadcn UI Components library for Sketch

Shadcn UI Components library for Sketch

producthunt.com

将Shadcn设计系统带入Sketch的组件库

昨天制作者:Roman Repin

关于 Shadcn UI Components library for Sketch

Shadcn UI Components library for Sketch 是一款专为 Sketch 用户打造的 UI 组件库,它将流行的 Shadcn 设计系统无缝集成到 macOS 原生设计工具中。无论你是前端开发者还是 UI 设计师,都能通过这套组件库大幅提升设计到开发的协作效率。

核心功能

该组件库完整复刻了 Shadcn 设计系统的所有核心组件,包括按钮、输入框、卡片、导航、对话框等,并针对 Sketch 进行了深度优化。每个组件都充分利用了 Sketch 的符号(Symbols)、覆盖(Overrides)和响应式调整功能,让你在设计稿中直接使用与代码一致的样式和结构。

主要特性

  • 100% 还原 Shadcn 样式:所有组件严格遵循 Shadcn 的视觉规范,确保设计与开发无缝对齐。
  • 智能符号与覆盖:通过 Sketch 的符号系统,你可以快速切换组件状态(如悬停、禁用、聚焦),无需重复创建。
  • 响应式布局支持:组件内置自动布局(Auto Layout)约束,适配不同屏幕尺寸。
  • 一键更新:当 Shadcn 设计系统更新时,组件库可同步升级,保持设计一致性。
  • 原生 Sketch 体验:完全基于 Sketch 原生功能构建,无插件依赖,运行流畅。

适用场景

  • 设计系统迁移:从其他工具迁移到 Sketch 的团队,可快速沿用 Shadcn 规范。
  • 前端开发协作:使用 Shadcn 框架的开发者,可直接将设计稿中的组件复制为代码。
  • 快速原型设计:设计师利用现成组件,加速产品原型制作。

立即访问官网或在线预览,获取 Shadcn UI Components for Sketch,让设计工作流更高效。

相关工具