欢迎体验 Motiff 妙多：AI 时代设计工具

一、回到 2021

Motiff 这个项目始于 2021 年 10 月，不同于很多初创团队有着“找寻并聚集团队全员”这样更具创业色彩的故事，我们在那时，就已经有一支工程师文化浓厚的团队，也不乏一些优秀的 AI 科学家。在过去，这支团队在教育领域成功实践了不少全球性的项目。

商业的最初灵感，可能要追溯到我们最初使用 Github Copilot。那时，我们大部分团队的工程师们并不觉得这款软件会发挥多大的价值，而是直觉上认为 “距离 AI 有能力帮助我写代码的时代还很遥远”。可到后来，Motiff 几乎所有的工程师都在使用 Copilot。这让我们感受到，如果能找到合适的用户场景，将 AI 适当地融入专业工具中，一定会产生效率变革，这让我们跃跃欲试。

萌生了想法，接下来就是“找到合适的用户场景”。经过一系列讨论，我们把起点定在 “产品设计” 领域。这主要有两个原因：

1. 设计和研发在线产品，是我们这支团队过往持续实践的事情，团队也一直热衷于使用最先进的工具，我们对自己在这个领域的专业理解有信心。
2. 这个世界已经存在无数丰富的用户界面了：仔细观察这些界面，它们在设计模式上的相同，远远胜过了它们在样式、风格上的不同。这样的规律让我们相信 AI 可以持续在这个领域发挥价值。

打造一款 AI 时代的用户界面设计工具，这便是我们的开始。

二、AI 时代的界面设计工具，需要一个怎样的编辑器？

编辑器是一个用户界面设计工具的核心。Sketch 通过简化和改进 Photoshop 的部分功能，打造了一个专为 UI 设计师使用的编辑器，这本质是一次 “编辑器革命”。“无限画布”“画框”“矢量工具”这些功能，让 Sketch 定义了专业界面设计工具的“矢量时代”。而 Figma， 则通过“协同”让游戏发生了改变 —— 编辑器被直接放上了云端，设计师只需通过浏览器就能实时协作。

这场新的变革，也让 Figma 成功超越 Sketch 成为当下更流行的工具。

回到 Motiff 妙多，如果面向 AI 时代期望再引发一次变革，我们需要一个怎样的编辑器呢？最初，我们试图思考一些更广泛的问题：在编辑器的功能定义上，我们究竟倾向于颠覆，还是借鉴？如果 AI 将在设计工具中扮演更重要的角色，下一个时代的编辑器会和我们现在所熟悉的截然不同吗？

这些问题难有定论。但回顾过去，我们确实经历了一些推演。

• AI 对编辑器的改变也许是渐进的，原因是编辑器里每一个功能被 AI 改进，这是相对独立的命题。如果我们在渐进的创新中需要更多用户反馈，则需要让我们的用户有一个全面的编辑器来持续使用我们的产品。
• “AI 生成” 也许是一个非渐进的改变，毕竟我们已经体会了大模型的日新月异。但我们仍旧认为更好的设计需要人来完善，因此全面精细的编辑器似乎就不可或缺了。

随着我们边做边思考，愈发觉得一个全面的编辑器对我们很重要。它就像我们的“内功心法”，如果没有内功，我们很难在此基础上施展华丽的“AI 招式”。

当下，如果你已经使用了 Motiff 妙多，会看到一个具备完备云端协同能力的专业编辑器。

打造一个全面的编辑器确实花费了 Motiff 妙多团队不少精力。在这里要特别感谢 Figma 让我们少走很多弯路。Figma 用近十年的时间开创了一个复杂又精细的在线图形编辑器，是我们长期学习的对象。我们的产品和技术团队常常从 Figma 的 Blog 分享中获益良多。我们同时也发现，对于一款在线图形编辑器，“性能”尤为关键。Figma 在性能方面一直很优秀，Motiff 妙多则尝试做得更好。事实上，我们现在已经在很多关键的场景下，将性能优化的更好。

三、Motiff 妙多对 AI 应用的思考

如何在专业设计工具中融合 AI 能力？从创立 Motiff 妙多开始，这就是整个团队长期思考的问题，也是最重要的问题。

那么，AI 能帮助 UI 设计解决哪些问题？事实上，在经过了多次头脑风暴后，我们已经有了一份长长的 AI 功能创意清单。这份清单上每一个“点子”都很酷，将这些“点子”转化为产品原型也并非难事，但解决 AI 融入工具的难点往往不是创意本身，而是这些创意是否真的能够被 AI 稳定、精准地实现。

在过去，几乎任何的业务需求都可以被产品和工程研发实现，只是产品质量和开发时间难以保证。但对于 AI 功能，更关键的是找到一种 “PTF”，即 Product - Technology Fit。技术可行性和产品设计需要一个平衡点。我们需要理解 AI 各种模型当下的能力范围和边界，再定义合适的产品形态，从而使它能够准确又稳定地应用现有的 AI 能力。

从 2021 年至今，我们完成了一些“PTF”的产品方案，并成功在设计团队日常工作中实践。

观察设计师的日常：或许一切都可被 AI 重塑

Motiff 妙多在 AI 功能上的很多灵感，都来源于对设计师日常操作的观察。这些观察会伴随一个目标：如果设计师们日常有一些操作场景是高频复杂，但 AI 易于学习的，那或许 AI 在这些场景下就能顺利发挥价值。

我们的产品经理做了一项“枯燥又有趣”的事情——让 Motiff 妙多早期的测试用户，将日常在 Motiff 妙多上工作的操作录屏，然后产品经理通过观看这些录屏来试图找到一些灵感。同时，我们也会在这些最少 3 小时的录屏视频里，分析这些产品设计师的具体行为，例如使用了哪些基础工具、快捷键，再对应到录屏里他们完成了哪些工作。

设计师最高频的目标：重复

虽然这些操作分析并不严谨，但从有限的“录屏”样本里，我们观察到产品设计师们 50% 以上的操作是为了“重复”——他们往往通过反复的“复制 - 粘贴”来完成重复——而事实上，“重复”在产品界面设计里无处不在，它本质上降低了各个产品用户的理解成本。

但“粘贴”一般并不是“重复”的终点。设计师使用“复制 - 粘贴”，往往是因为期望沿用相同的设计模式，但同样设计模式下的内容又需要有所差异，或是只有复用已经出现过的成套的信息才能更贴近真实的用户界面。

“AI 复制”这个功能的灵感源于我们对重复这件事的思考和理解。

自动布局非常好。但糟糕时，也非常糟糕。

自动布局是一个非常实用的功能，它让产品设计师可以具备更好的结构化布局能力，这是 Figma 极具开创性的发明。Motiff 妙多也继承了这个功能。
但通过观察设计师在布局时的操作，我们发现：

• 很多设计师从来不用自动布局。有些人觉得这个功能上手的门槛比较高，另一些人则是更喜欢自由地进行设计。
• 如果说学会使用自动布局是一个“困难模式”，那修改（特别是修改他人的）自动布局堪称“地狱模式”。绝对定位可以解决有限的问题，但层层嵌套后的自动布局让设计师很难回归“自由”了。

Figma 的产品副总裁 Sho Kuwamoto 在 2021 年时的一场演讲，将设计划分为 Free-form Design （自由布局） 和 Structured Design （结构化布局）。这给了我们一个启发：既然自由布局和结构化布局都是设计师需要的，那是否存在一种方法，让用户可以在有需求时就可以创建结构化布局来结构化调整，而想自由设计时又能回归到自由设计？

“AI 布局” 这个功能应运而生。

设计系统：从生产流程看实践的效率改进

自 《原子设计》这本书开创性地提出“设计系统”这个概念以来，“设计系统”一直都是保持设计一致性的最佳实践。

我们认为“设计系统”真正的有效实践，是从协同时代一切都放到云端开始的。“协同”解决了设计系统在同步上的很多痛点，但没有解决所有的问题——创建一个设计系统仍然需要花费大量时间来进行整理，而每个团队的组件库和规范也往往复杂，维护和应用并不容易。

如果我们将目光转向产品设计的生产流程，仔细审视其中的每一个环节，还会发现大量琐碎但创意价值感低的工作。一些资深的产品设计师迷失在琐碎中，甚至会开始怀疑作为设计师的价值。

将 AI 引入到设计系统的实践是一个非常直觉而自然的想法。AI 可以在很多场景下扮演助手的角色，代劳繁琐的工作。

当下，Motiff 妙多已经通过 AI 有效优化了设计系统实践的效率，包括：创建设计系统时提高整理界面清单的效率，维护设计系统时让系统的迭代更实时，以及应用设计系统过程中设计师通过智能的检查来轻松地校准规范。

Motiff 妙多实验室： 探索更多 AI 与人一起协作的可能

AI 和 UI 设计工具结合的未来，更有可能会是怎样的呢？

关于 AI 会否完全取代产品设计师，早已成为了一个行业讨论的热门话题。Motiff 妙多认为，人的创意和审美在长期极难被取代，但设计工具的变革或许会“让 AI 与人一起协作”。

Motiff 妙多实验室，正在探索这些新的协作方式。我们这一创新实践的思考路径是，将产品设计工作抽象为从“Intention （意图）”到“Presentation （呈现）”，再试图从中探索 AI 如何与人一同协作。

AI 生成 UI：设计师描述意图，AI 快速呈现方案

大模型让“生成”成为当下 AI 领域最热门的话题。毕竟，我们已经看到了“文生图”的飞速发展，“AI 生成 UI ”没有理由不在未来实现。相比如何做出一套酷炫的“AI 生成 UI 的 Demo”，Motiff 妙多在“生成”方面的思考会更审慎地评估一件事情：AI 需要“生成”什么，对产品设计师当下的工作是更有价值的？

我们认为价值主要会产生在两个方向：

• 对于新创立的项目：设计师只有一个模糊的“意图”。在进行设计之前，设计师需要更多的灵感来参照，此时让 AI 快速提供一些“呈现”是有价值的。
• 对于已经运转的项目：此时的设计师“意图”更加具体。这些“意图”可能是描述，也可能是线框图，或直接是图文并茂的产品需求文档。如果让 AI 基于此生成界面，设计师更需要的是符合当下业务设计系统的界面。

我们在“生成”方面的工作也一直在围绕这两个方向循序渐进的开展，并不断探索如何将大模型的能力融入进来。

AI 魔法框：设计师勾勒意图，AI 完善意图的呈现

就像产品经理和产品设计师会不断交流，共同来完成一个新产品的设计，我们认为人与 AI 的关系也不只是“上游交付下游”，而会产生一种“圆桌共建（Round Table）”的合作形式。

“AI 魔法框”的灵感正是在这个假设下诞生。

我们观察到大部分的产品设计从最初到完成，会经过产品设计师不断地勾勒和尝试，最终选定一个合适的方案。“重复”地使用之前的设计元素或结构是一个非常高频的操作。正如前面所介绍的“AI 复制”在特定场景下帮助设计师提升“重复”操作的效率，我们希望“AI 魔法框”能从“意图”的维度改善设计师的“重复”问题——通过“AI 魔法框”，设计师只需要通过画一个框来“勾勒”意图，AI 便可以通过框和框所在位置的上下文来“完善”意图。

四、专为设计师打造的 AI 设计工具

经历两年半的打磨，在 2024 年 6 月，我们将 Motiff 妙多这款 AI 时代设计工具推荐给你和你的团队。

官网地址： https://motiff.cn/

你和团队可以从尝试 Motiff 妙多的创新 AI 功能开始，来感受 AI 时代下的产品设计工具对效率、创意、生产力的改进。我们将持续致力于为更广泛的用户提供功能全面、性能卓越、AI 驱动的专业设计工具。同时，我们用公道的价格，来满足团队在基础功能和研发模式的使用需求。当前，所有的 AI 功能限时免费。

愿 AI 帮你摆脱繁琐的工作，回归设计本身。