Motiff

Motiff的适用场景

Motiff适用于多种设计相关的场景，特别是在需要提高工作效率和实践设计系统的环境中。以下是一些具体的适用场景：

1. 组件样式提炼：当设计团队需要从现有设计中提炼和回溯组件样式时，Motiff可以一键完成这一任务。
2. 人与AI共同协作设计：设计师可以通过魔法框表达意图，AI将协助找到合适的组件和样式，提高设计的准确性和效率。
3. 云端协同设计：Motiff支持全团队同时编辑、在线评审和查看标注，极大地减少了团队沟通的时间成本。
4. 结构化与自由设计：设计师可以在结构化和自由设计之间灵活切换，无需繁琐的布局设置即可进行设计调整。

Motiff的上手体验分享

使用 AI，一键生成设计系。

团队中建立一套完整的「设计系统」众所周知这是一个比较复杂而且长期的工作。而 Motiff 的「AI 设计系统」这部分很有意思，让「建立设计系统」这件事更轻松。我通过实际案例体验了一下，导入了一份只有设计图的文件，使用 Motiff 来自动生成。生成结果是基于我设计图配色和内容的比较全面的设计系统文件，包含，颜色、字体、效果、图标等设计规范。

AI 布局，使设计内容快速结构化

「AI 布局」这部分是真的能帮我立即提效的。在设计初期我是基本不用自动布局的，自动布局之后会一定程度上影响排版，影响发散思维。所以在页面的构建阶段基本完全是比较随意的。

Motiff 的 AI 布局功能非常方便。它在不影响设计图内容的前提下，将原本没有结构的图层自动进行结构化处理，也就是自动加「自动布局」，结构化之后整体调整板块的排序或者新增组件都会更方便，让图层的层次和整体性更结构化。

设计图图层结构化之后，团队多成员一起协作也会更方便。

新学到的用法 ✨AI 魔法框

「AI 魔法框」这个功能是个新的尝试，类似 AI 可以辅助开发者写代码（产品名：GitHub Copilot），随时根据输入的内容提示下一步可能用到的命令一样，AI 魔法框是以设计师的角度，在设计图上画个区域，输入你想要的内容，AI 会提示出你可能此时需要的信息，这个信息可能是 按钮、对话框、列表等类型，并且已经将插图、文案、配色根据你当前的场景自动进行了匹配。

AI 魔法框的功能出发点非常棒，期待后面更完善的迭代。

Motiff 与 Figma Sketch 对比的优势

Motiff 是新工具所以免不了和已有工具进行对比，Motiff 支持导入 Figma 文件，并且组件关系能完美的对应过来不会有丢失或者错位的情况。Sketch 导入后的图层还原度很高（包括一些复杂的布尔后的图形也能还原），比 Figma 的效果好很多。这部分还是非常棒的 。

还有目前主流 UI 设计工具都有的功能，Motiff 对这部分也做的很完善，完成度也不错。

• 设计系统：团队共享设计系统，跨文件调用同一套设计规范，保证设计一致性；
• 团队字体：本地上传字体与团队共享，方便团队统一字体资源；
• 插件生态：目前支持常用的倾斜、圆弧文本、旋转复制、循环变化、导出到 AE，后续陆续开放插件社区。