与您在 Sketch 中看到的类型样式

doreamon999

工作方式相同，但还有一个额外的好处，即这些样式也适用于颜色和效果。考虑到这一点，在一个库中定义所有颜色和共享元素，然后记录它们确实非常有用。 显示库中可用的一系列阴影的文档 每个库中如何记录样式的示例（大预览） 3. 展示组件如何扩展 由于 Figma 可以更好地控制组件的扩展方式，因此您最终可能会得到比 Sketch 更少的组件 - 而不是“按钮纯色”和“按钮轮廓”，在 Figma 中您只需要“按钮” ”。因此，我发现记录组件在库本身内直接扩展的不同方式非常重要。 例如，只需一个组件即可在 Figma 中重新创建整个双边聊天对话。但新设计师永远不会知道要。

应用哪些覆盖，因此尽可能以视觉方式进行演示非常重要。以下是以六种不同方式使用同一组件的情况： 使用组件构建的示例对话以演示正确使用 单个 Figma 组件如何构建整个对话的示例（大预览） 4. 妥善组织 由于 Figma 文件系统的工作方式存在细微差别，我很 Whatsapp 号码列表 快就放弃了复制原始 Sketch 文件中的命名结构的尝试。最终，目标是确保组件位于逻辑位置并且易于查找，我发现实现这一目标的最佳方法是按类别（例如，表单）仔细组织我的页面，按组分类（例如，输入）仔细组织我的页面。 ）和按单个元素划分的组件（例如，Error）。明确的命名使得组件非常容易找到——尤其是对于那些最初没有。



创建它们的人来说。 框架名称和相关组件并排 起名很重要！（大预览） 在 Smashing 杂志上做广告 5. 导入与重建 唷，我希望我有关于导入 Sketch 组件的物理行为的好消息（对于很多事情，即像图标这样的单个元素，您可以从 Sketch 导入，一切都会很好）。但是，对于更复杂的组件（尤其是涉及掩码和嵌套符号的组件），最好从头开始重新创建组件。是的，这非常痛苦，但从好的方面来说，您将在很短的时间内真正熟练地使用Figma！ 我在 Figma 中重新创建更复杂的 Sketch 组件的工作流程实际上是截图，然后在 Figma 中“跟踪”它们。尽管这听起来很荒谬，但事实证明它比从 Sketch 导入并删除不必要的元素要快得多。我有点羞于说我喜欢这种工作，但事实证明这种工作流程更有效。 （但是当然，如​​果您要迁移图标等更简单的组件，那么 Figma 的导入功能将很好地为您服务。） 从 Sketch 符号制作 Figma 组件的延时拍摄 深入了解我的一天（大预览） 6. 让你的团队加入 作为一个100% 远程团队，我们在 Help Scout 所做的大多数事情都。