设计交付

Figma

云端协作界面设计工具，支持设计、原型、代码与 AI 协作，团队实时共创。

Storybook

开源前端组件工作台，可隔离开发、测试与文档化 UI 组件，支持 React、Vue、Angular 等框架。

Sketch

Mac 平台矢量 UI 设计工具，专注设计、原型与协作交付，由设计师为设计师打造。

Sketch

Mac 平台上的专业 UI 设计工具，支持矢量编辑、原型制作与实时协作。

Axure RP

专业 UX 原型工具，支持复杂交互、条件逻辑与动态数据，可生成规格文档并协作交付。

Zeplin

面向设计交付的协作平台，自动生成标注、样式指南与代码片段，让开发准确还原设计。

React Styleguidist

隔离的 React 组件开发环境，带热重载与可共享的活样式指南，自动展示组件用法示例。

zeroheight

设计系统平台，集中管理样式指南与组件文档，并向团队、工具和 AI 工作流分发设计上下文。

ProtoPie

AI 驱动的高级交互原型工具，支持传感器、多设备联动与高保真动效，可无代码生成交互并交付规范。

Marvel

在线协作设计平台，支持线框图、原型制作、用户测试与设计交付，免费使用。

PaintCode

矢量绘图工具，实时将图形转换为 Swift、Objective-C 等原生代码，连接设计与开发。

Sketch Measure

Sketch 标注插件，自动生成间距、尺寸标注和 HTML 规范页，方便交付开发。

Frontify

品牌智能平台，集中管理品牌指南、素材与知识，结构化供人和 AI 使用。

PixelSnap 2

Mac 上最快的屏幕测量工具，可跨应用测量任意元素尺寸与间距。

Anima

设计感知的 AI 代理，将 Figma、URL 或提示词转化为生产级 HTML/React 应用。

Supernova.io

面向 AI 时代的设计系统平台，统一管理 token、组件、文档与代码，并输出给团队和 AI Agent。

Vue Design System

基于 Vue.js 的开源设计系统构建工具，提供设计令牌、组件文档与规范流程。

Catalog

一个将设计文档与真实可交互组件结合的活样式指南，用于构建数字产品设计系统。

Flow

专业动效设计工具，可从 Sketch/Figma 导入，用时间轴制作动画并导出 Lottie、Swift、Web 等生产级代码。

GoVisually

在线设计审阅与批注工具，支持图片、PDF、视频的精准标注与快速审批，并内置AI标签合规检查。

BlockDex

跨所有公开 shadcn 注册表的组件级搜索引擎，可查安装命令、依赖与可用状态。

DesignMD

粘贴网址，AI 秒生成结构化 DESIGN.md，含设计令牌、字体与组件，可导入 Figma。

Specify

设计令牌引擎，集中管理 Figma 变量与样式，自动同步到代码，确保设计系统一致性。

Shoogle

跨注册表搜索 shadcn UI 组件、区块与模板的搜索引擎，支持探索、收藏与 MCP。