我们可以在 Xcode 中直接使用草图 UI 元素吗？答案

【问题标题】：Can we use sketch UI elements directly into Xcode?我们可以在 Xcode 中直接使用草图 UI 元素吗？
【发布时间】：2017-01-15 11:27:01
【问题描述】：

我是 Sketch 3 的新手。我有 Xcode 和 iOS 开发方面的亲身体验。

我的问题是我们是否可以直接在 xcode 中使用草图元素，或者草图仅用于 UI 原型设计？

例如，如果我在草图中设计带有文本字段的标签，那么我可以将其用作 Xcode 中的 UI 标签和 UITextField 吗？

【问题讨论】：

【解决方案1】：

我遇到了同样的问题，设计已经在 Sketch 中准备好了，想轻松地从中获取代码。在过去的 2 年里，我和我的朋友一直在研究将设计转换为 UI 代码的解决方案。

我们开发了 Monday Hero 平台来改进开发阶段并真正节省重复代码的时间。 https://www.mondayhero.io

在 Monday Hero 中，您可以使用 Storyboard、Xib 或仅代码选项上传设计并获取响应式代码。您还可以选择设计上的元素，将它们分组为您的代码库，然后在 15 分钟内轻松下载 :) 轻松获得 UI 代码是我的梦想，我希望它也有用给你。

【讨论】：

【解决方案2】：

根据我作为一名设计师的经验，他也在 Xcode 中开发任何声称直接从 Sketch 进入 Xcode 的解决方案，这些解决方案要么在一段时间后变成蒸汽软件，要么不提供非常好的解决方案。我认为这是因为自动布局非常复杂和脆弱。

最好只学习使用 Storyboard 或 SwiftUI 进行布局的 iOS 开发。您可以将一些元素从 Sketch 导入 Xcode，例如颜色、排版和图标。

以下是可以帮助您的应用列表：

Zeplin：自动切换具有准确规格、资产和代码 sn-ps 的设计和样式指南。 https://zeplin.io
InVision：为开发准备设计。 https://www.invisionapp.com/feature/inspect
鳄梨：开放式设计，无需设计工具。无需准备图层即可导出图像。单击图层以获取代码。 https://avocode.com/hand-off-and-inspect
Flawless：在 iOS 模拟器中比较预期设计和实际应用的工具（对使用 Xcode 或移动开发人员）。 https://flawlessapp.io
Sketch 到 Xcode：从 Sketch 到 Xcode 获取颜色的最快方法。 https://sketchtoxcode.com 免责声明：我是这个应用的开发者。

【讨论】：

【解决方案3】：

xcode中没有整合sketch元素的方法，可以使用可以购买的sketch插件： https://www.paintcodeapp.com/sketch

【讨论】：