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

Question

我是草图3的新手。我有Xcode和iOS开发的经验。

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

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

Answer 1

通常来说，您只使用Sketch来为UI进行原型设计。但是，我更像是开发人员而不是设计师。因此，当我最终需要将所有画板转换为UIKit代码时，我想到了AUTOMATION！但没有人制作插件来做到这一点。所以我做到了。

我创建了一个草图插件（http://sketchcodeflow.com）来做到这一点。它将画板转换为Objective-C UIKit和SpriteKit代码。甚至可以导出@ 1-3x的资产目录。只需#import并在ViewController中编写一行代码，即可运行您的应用程序。当然，这只是UI。您必须自己编写所有逻辑，尽管有一些功能可以帮助您改善体验，例如动画和视差。

就设计一个Label并希望它变成一个UILabel而言，遗憾的是还没有支持。目前，您只能将其图像导出为png，它将由UIImageView或UIButton填充。

Answer 2

根据我的经验，作为一名设计师，他还使用Xcode开发任何声称直接从Sketch进入Xcode的解决方案，或者一段时间后成为蒸气软件，或者没有提供很好的解决方案。我认为这是因为“自动版式”非常复杂且脆弱。

最好只使用Storyboard或SwiftUI进行布局学习iOS开发。您可以从Sketch到Xcode中获取一些元素，例如颜色，字体和图标。

以下是可以帮助您解决这些问题的应用程序列表：

• Zeplin ：自动传递具有准确规格，资产和代码段的设计和样式指南。 https://zeplin.io

• InVision ：准备开发设计。 https://www.invisionapp.com/feature/inspect

• 鳄梨：无需设计工具即可打开设计。无需准备图层即可导出图像。单击图层以获取代码。 https://avocode.com/hand-off-and-inspect

• 完美无瑕：此工具可用于比较iOS Simulator中的预期设计和真实应用（对于使用Xcode或 移动开发人员）。 https://flawlessapp.io

• 素描到Xcode ：从素描到Xcode获取颜色的最快方法。 https://sketchtoxcode.com 免责声明：我是这个应用程序的开发者。

Answer 3

没有办法在xcode中集成草图元素，你可以使用你可以买到的草图插件： https://www.paintcodeapp.com/sketch

Answer 4

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

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

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