我是草图 3 的新手。我有 Xcode 和 iOS 开发方面的经验。
我的问题是我们是否可以直接在 xcode 中使用草图元素,或者草图仅用于 UI 原型设计?
例如,如果我在草图中设计带有文本字段的标签,那么我可以将它用作 Xcode 中的 UI 标签和 UITextField 吗?
根据我作为一名设计师的经验,他也在 Xcode 中开发任何声称直接从 Sketch 进入 Xcode 的解决方案,这些解决方案要么在一段时间后变成 vapourware,要么不提供非常好的解决方案。我认为这是因为自动布局非常复杂和脆弱。
最好只学习使用 Storyboard 或 SwiftUI 进行布局的 iOS 开发。您可以从 Sketch 中获取一些元素到 Xcode 中,例如颜色、排版和图标。
以下是可以帮助您的应用程序列表:
Zeplin:自动交付具有准确规范、资产、代码片段的设计和样式指南。https://zeplin.io
InVision:为开发准备设计。https://www.invisionapp.com/feature/inspect
鳄梨:没有设计工具的开放式设计。无需准备图层即可导出图像。单击图层以获取代码。 https://avocode.com/hand-off-and-inspect
Flawless:一个在 iOS 模拟器中比较预期设计和真实应用程序的工具(对使用 Xcode 的设计人员或移动开发人员很有用)。https://flawlessapp.io
Sketch to Xcode:从 Sketch 到 Xcode 获取颜色的最快方法。https://sketchtoxcode.com 免责声明:我是这个应用程序的制造商。
xcode中没有集成sketch元素的方法,可以使用可以购买的sketch插件: https ://www.paintcodeapp.com/sketch
我有同样的问题,设计已经在 Sketch 中准备好了,想轻松地从中获取代码。在过去的 2 年里,我和我的朋友们一直在研究将设计转换为 UI 代码的解决方案。
我们开发了Monday Hero平台来改进开发阶段并实际节省重复代码的时间。https://www.mondayhero.io
在 Monday Hero 中,您可以使用 Storyboard、Xib 或仅代码选项上传设计并获取响应式代码。您还可以选择设计上的元素,将它们分组为您的代码库,然后在 15 分钟内轻松下载 :) 如此轻松地获得 UI 代码是我的梦想,我希望它也有用给你。