我们可以在 Xcode 中直接使用 Sketch UI 元素吗? [英] Can we use sketch UI elements directly into Xcode?
问题描述
我是 Sketch 3 的新手.我有 Xcode 和 iOS 开发方面的经验.
I am new to sketch 3. I have a hand on experience with Xcode and iOS development.
我的问题是我们可以直接在 xcode 中使用 Sketch 元素还是 Sketch 仅用于 UI 原型设计?
My question is wether we can directly use sketch elements in xcode or sketch is only used for prototyping the UI?
例如，如果我在草图中设计带有文本字段的标签，那么我可以将其用作 Xcode 中的 UI 标签和 UITextField 吗?
For example, If I design Label with a text field in sketch then can I used it as UI Label and UITextField in Xcode?
推荐答案
根据我作为一名也在 Xcode 中开发的设计师的经验，任何声称可以直接从 Sketch 进入 Xcode 的解决方案要么在一段时间后变成蒸汽软件，要么不提供一个很好的解决方案.我认为这是因为 Auto Layout 非常复杂和脆弱.
In my experience as a designer that also develops in Xcode any solutions that claim to go directly from Sketch into Xcode either become vapourware after some time or don't provide a very good solution. I assume it's because Auto Layout is quite complicated and fragile.
最好只学习使用 Storyboards 或 SwiftUI 进行布局的 iOS 开发.您可以将一些元素从 Sketch 导入 Xcode，例如颜色、排版和图标.
It's best to just learn iOS development using Storyboards or possibly SwiftUI for layout. There are some elements that you can get from Sketch into Xcode such as colors, typography and iconography.
以下是可以帮助您解决此问题的应用列表:
Here's a list of apps that can help you with that:
Zeplin:自动传递具有准确规范、资产和代码片段的设计和样式指南.https://zeplin.io
Zeplin: Handoff designs and styleguides with accurate specs, assets, code snippets automatically. https://zeplin.io
InVision:为开发准备设计.https://www.invisionapp.com/feature/inspect
Avocado:无需设计工具即可开放设计.无需准备图层即可导出图像.单击图层以获取代码.https://avocode.com/hand-off-and-inspect
Avocado: Open designs without design tools. Export images without preparing layers. Click on layers to get code. https://avocode.com/hand-off-and-inspect
Flawless:一种在 iOS 模拟器中比较预期设计和真实应用的工具(对于使用 Xcode 或移动开发者).https://flawlessapp.io
Flawless: A tool to compare the expected design and the real app right inside iOS Simulator (useful for designers who use Xcode or mobile developers). https://flawlessapp.io
Sketch to Xcode:将颜色从 Sketch 获取到 Xcode 的最快方式.https://sketchtoxcode.com免责声明:我是这个应用的开发者.
Sketch to Xcode: The fastest way to get colors from Sketch to Xcode. https://sketchtoxcode.com Disclaimer: I'm the maker of this app.
这篇关于我们可以在 Xcode 中直接使用 Sketch UI 元素吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
