导出设计代码片段
下载颜色变量、图层样式和文本样式的设计代码片段 — 或者为它们创建始终保持最新状态的公共链接。
从完整画布视图进行检查
使用库和设计系统
使用组件 Web 视图浏览库,并查看文档何时使用可复用组件以加快开发速度。
复制值
和 CSS
从网络应用导出任何资源 新增
与您的现有工作流程集成
分享最新设计的链接,或在 GitHub 或 Jira 等工具中分享特定版本的链接 — 或者将设计嵌入到 Notion 等地方。
使用评论讨论设计
测量图层之间的距离


您真正需要的工具,没有价格标签

在任何网络浏览器中获得所有让开发者交接变得轻松的工具。 无需学习如何使用 Mac 应用 — 甚至不需要拥有 Mac。 更好的是,开发者可以免费使用它们。
在几秒钟内达成一致
在浏览器中查看最新设计,与设计师在 Mac 应用中看到的完全一致。 通过在画布上添加评论来分享反馈并提出问题。 然后获取您需要将像素转换为代码的内容。
所有基础功能,为速度而生
当设计师与您分享 Sketch 文件的链接时,您只需点击几下即可测量图层之间的距离、复制值、导出和下载资源等等。
用于大规模工作的先进工具

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


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


Sketch 的库和样式覆盖对于我们的设计系统不可或缺,将符号混乱降至最低,使我们能够跨多个平台进行扩展。

