导出设计令牌
下载颜色变量、图层样式和文本样式的设计令牌 — 或为它们创建一个始终保持更新的公共链接。
从完整的画布视图进行检查
使用库和设计系统
使用组件 Web 视图浏览库,并查看文档何时使用可重用组件来加速开发。
复制数值
和 CSS
从 Web 应用程序导出任何资源 新功能
与您现有的工作流程集成
分享指向最新设计或 GitHub 或 Jira 等工具中特定版本的链接 — 或者将设计嵌入到 Notion 等位置。
通过评论讨论设计
测量图层之间的距离


您真正需要的工具,无需高昂的价格

获取在任何 Web 浏览器中轻松进行开发者交付所需的所有工具。 无需学习如何使用 Mac 应用程序 — 甚至无需拥有 Mac。 更好的是,开发者可以免费使用所有这些工具。
几秒钟内达成共识
在您的浏览器中查看最新的设计,就像设计师在 Mac 应用程序中看到的那样。 通过在画布上添加评论来分享反馈和提出问题。 然后获取您需要的,将像素转换为代码。
所有基础知识,专为速度而设计
当设计师与您分享指向 Sketch 文件的链接时,您只需点击几下即可测量图层之间的距离、复制数值、导出和下载资源等等。
用于大规模工作的高级工具

无论您是使用组件 Web 视图导航大型库、导出颜色和样式的设计令牌,还是使用可重用组件,扩展您的工作从未如此简单。
还有更多…
需要回顾一下? 缺少什么? 以下是 Sketch 中的每个开发者交付功能。 无需额外的插件或第三方应用程序。
开发者交付
开发者免费
邀请开发者在任何 Web 浏览器中免费检查设计和下载资源。
直接在画布上检查设计,并复制颜色、属性等的数值。
以不同格式复制颜色值 — HEX、RGB、HSL、NSColor 和 UIColor。
复制颜色变量名称 — 或它们的颜色值。
查看并导航到任何文档中使用的库样式和符号。
直接从浏览器导出任何资源,完全控制大小、格式和命名约定。
测量画布上图层之间的距离,以便准确地重新创建。
隐藏和显示每个画板上的网格和布局。
复制任何选定图层的 CSS 样式。
查看文档组件
浏览任何文档的符号、样式和颜色变量。
获取图层样式、文本样式和颜色变量的令牌 — 以 CSS 或 JSON 格式 — 以便与开发项目保持同步。
下载颜色令牌或创建一个保持最新的链接,以便在您的项目中集成。
从任何文本图层复制文本到您的剪贴板,以便轻松粘贴到其他应用程序中。
“我们在多个产品中使用 Sketch,拥有多个 UI/UX 设计师和平面设计师。从登陆页面到完整的网站。我们喜欢它扩展图形的简易性。”


Sketch 的库、与行业工具的兼容性以及插件社区使我们的团队能够在多个品牌和平台上构建和扩展设计系统 — 这为我们的用户提供了更好、更具凝聚力的体验。


Sketch 的库和样式替代对于我们的设计系统是必不可少的,它最大限度地减少了符号混乱,并使我们能够在多个平台上进行扩展。

