新增:智能动画 — 为您的原型添加动画效果。 了解更多

跳过导航

与开发者在任何浏览器中 免费 协作

邀请开发者检查设计、下载资源和获取代码片段
— 全部免费。 不需要 Mac 应用。

无需像以下工具一样

Image of Export design tokens

导出设计代码片段

下载颜色变量、图层样式和文本样式的设计代码片段 — 或者为它们创建始终保持最新状态的公共链接。

从完整画布视图进行检查

Image of Work with Libraries and Design systems

使用库和设计系统

使用组件 Web 视图浏览库,并查看文档何时使用可复用组件以加快开发速度。

复制值
和 CSS

从网络应用导出任何资源 新增

与您的现有工作流程集成

分享最新设计的链接,或在 GitHub 或 Jira 等工具中分享特定版本的链接 — 或者将设计嵌入到 Notion 等地方。

Image of Discuss designs with comments

使用评论讨论设计

Image of Measure between layers

测量图层之间的距离

查看所有功能

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

The tools you really need, without the price tag

在任何网络浏览器中获得所有让开发者交接变得轻松的工具。 无需学习如何使用 Mac 应用 — 甚至不需要拥有 Mac。 更好的是,开发者可以免费使用它们。

124
标题
arrow-right-circle-24

在几秒钟内达成一致

在浏览器中查看最新设计,与设计师在 Mac 应用中看到的完全一致。 通过在画布上添加评论来分享反馈并提出问题。 然后获取您需要将像素转换为代码的内容。

所有基础功能,为速度而生

当设计师与您分享 Sketch 文件的链接时,您只需点击几下即可测量图层之间的距离、复制值、导出和下载资源等等。

124
标题
arrow-right-circle-24

用于大规模工作的先进工具

Advanced tools for working at scale

无论您是使用组件 Web 视图浏览大型库、导出颜色和样式的设计代码片段,还是使用可复用组件,扩展您的工作从未如此轻松。

112 140

还有更多…

需要回顾一下吗? 遗漏了什么吗? 以下是 Sketch 中的每个开发者交接功能。 无需额外的插件或第三方应用程序。

查看每个 Sketch 功能
112 156
符号 / 客户

“我们在多个产品中使用 Sketch,有多个 UI/UX 设计师和图形设计师。 从登录页面到完整的网站,应有尽有。 我们喜欢它易于扩展图形的方式。”

Roberta Galea Catena Media 设计主管

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

Luca Rager Xbox 研究与设计高级软件工程师兼设计师

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

Elías R. Ragnarsson Tempo 首席设计师
A sticker illustration

使用 Sketch 交接将像素转换为代码

您不需要 Mac 应用,甚至不需要 Mac。 所有操作都在您的浏览器中完成,无需额外费用,无需插件。