即刻App年轻人的同好社区
下载
App内打开
昊然同学
219关注247被关注1夸夸
Co-Founder of Motiff
motiff.com
X @Ryan_Motiff
AI 时代设计工具,欢迎产品交流,
昊然同学
9天前
突然发现,雷布斯,是第一个实现,

从早上起床用电动牙刷,带上电子手表,开上电车,来到公司打开手机和电脑,全部都可以使用自家电子产品的男人。
10
昊然同学
19天前
两年前和张导聊天,我问,为什么Figma技术门槛这么高?
张导说,C++ 是计算机基础教科书里就指出的最高性能语言,而 Figma 则事实上是这个世界上在 C++ 上构建的最复杂的浏览器应用。

当时没听懂,但大为震撼。当 Adobe 报价 Figma 200亿美金时,更加不明觉厉。

Figma 开创了这个世界的“最复杂”,两年过去,Motiff试图做的更好。

性能影响了了产品设计师每一次画布的缩放、移动、批量的图层复制,以及在图层不断累积后打开、编辑的体验。

这些体验,专业用户或许试试三分钟就能明确感受到。所以,我们很难蒙蔽专业用户,唯有诚实的面对自己,在每一个细节场景优化中做的更好。

一个预告:
和Figma旗鼓相当的缩放移动,更快的打开、批量复制,在200万图层下依旧稳定编辑。Motiff 将在 6 月正式发布时,全量开放新的性能引擎。

届时我们也将开放一些客观又可行的评测方法,欢迎大家来建议。

AI 时代,Motiff 正在打造全世界最复杂的高性能编辑器

2213
昊然同学
4月前
看了下近两周国外Reddit和国内群里大家对Figma Dev Mode收费的第 N 次“讨伐”。距离开始收钱的日子也越来越近了。

难得看到一个重视品牌的行业领先者为数不多的让品牌些许受损。当然,挣钱不寒碜。

国内的朋友们会采购 Dev Mode吗?还是让研发同学按如下“降级”一下问题不大?
20
昊然同学
6月前
一个讨论:假设AI已经学习了你的设计系统,单看产品界面(UI)领域,AIGC的终局更倾向于

A. 单次成段的文字描述(Prompt)一次性生成一个或一套完整的UI界面。也可以文字描述迭代。
B. PRD(即带有线框图和文字说明)生成对应的UI界面。
C. 多次文字描述或简易的交互形式,AI逐步构建一个界面,但比当前效率高很多。
D. 其它形式。

你选哪个?
111
昊然同学
8月前
1. 太符合直觉以至于不会被意识到的伟大发明:Drag & Drop.

2. AI Layout:“我真的不是 Auto Layout.”

3. Auto Layout 同样在 Motiff 中支持。我们更期望探索出一系列更多设计师,更多场景易用的方案。

【Motiff @ IXDC 2023】AI 布局

70
昊然同学
8月前
再浅聊一下「AI 布局」。

有些同学说这不就是Auto-Layout?冒犯一点,对自动布局稍有认知的用户会发现显而易见不是。他俩“看起来像”是因为针对结构化调整的场景,达成目的相同。

「AI 布局」在 AI 能力方面真正关键的底座是什么?是让 AI 认识“图层结构化关系”的能力。如果这个能力深化,结构化调整一个界面只是开始。

能不能在结构化的同时给图层归类命名?能不能拓展响应式的能力,一个尺寸的设计相对舒适的延展到更多尺寸适配?亦或是,我们在结构化布局上给到更多范式的建议,单行陈列变双行,推荐图文混排的更多可能性?最终,成为一个更强大的“真 · AI布局”,让原本看起来不那么有序的一堆元素布局成亲密,优雅的结果?

以上都来源于近期用户访谈中,Motifriends们诚挚的建议和畅享,也敦促我们更努力将所想变所见。

当前「AI布局」已验证的结果还不错的好用场景:

- 如果你是一个 Auto-Layout 深度使用者。
「AI 布局」能在你部分自由化构思的场景,不必有一开始就必须结构化构建的强迫症负担。以及,你终于能不那么痛苦的修改其他人的自动布局了😒

- 如果你不常用 Auto -Layout。
那欢迎你在每次烦躁的“批量移动调整”或甚至“打开计算器”来计算边距时能想起我们🥲。

一个功能,即使一周只能帮助一个设计师两次,把一个机械没那么有愉悦感的5分钟工作变成0.5分钟 —— 这个价值我不喜欢定义为“节省9分钟”,而是人本该作为创造者,我们更确信了自己“不是机器”又多了9分钟。

Motiff

36
昊然同学
8月前
在IXDC分享对魔法框和Motiff在AI方向的一些思考。有些冗长,欢迎探讨。
www.bilibili.com

Motiff

20
昊然同学
9月前
感谢如此诚挚的肯定和鼓励,我们也期待用AI渐进式的帮助设计师找到更好的工作方式。后续有更新会第一时间与君同步。

不一.: 刚体验完 @Motiff ,我觉得这是一款从设计师思维定义设计工作流程的产品。很久以前我在即刻上说过,Figma 的约束和自动布局能力,的确提升了设计稿的「调整」的效率,但是要求设计师一开始设计的时候,会花费大量的时间再调整约束和自动布局的规则上,某种成程度上这限制了我创作的自由。这更像是一种用工程思维在做设计,我们在过程中不得不为了效率而牺牲自由作画的可能性。事实上很多设计师的稿子就是没有任何编组和 frame 的使用,所有东西只是铺成一团。 所以 figma 是为了协作效率而存在,设计的时候要考虑到和其他设计师的协作,和开发的协作,要求设计师更多思考布局的规则。而 Motiff 巧妙的用 AI 布局和 AI 魔法框解决了这个问题。AI 魔法框可以很好的让我从从低保真的设计开始,随意的用一个一个方块形的「积木」开始思考页面的元素,AI 布局则可以一键帮我很好的把这些没有精准放置的「积木」快速处理成整齐的布局,方便后期和其他设计师之间的协作和与开发沟通,让我的设计稿变得很规范。 设计师的流程就是从低保真到高保真,从发散到聚合。AI 的介入不是让设计稿变得更没有创意,而是有更多的时间去思考创意。 看到有灵魂,不是只照搬的国产设计工具太兴奋了,很期待产品后续的发展。

00
昊然同学
9月前
浅聊一下「AI 魔法框」。
近期有不少外部团队试用 Motiff 后,大家表现出对「AI 魔法框」这个功能在未来发展的期待。如果 AI 能够辅助 UI 设计师构建界面,它究竟会以怎样的交互形式加入到现在的生产流程中?是一句话生成一个 UI 界面吗?是导入 PRD 后直接生成一个高保真界面吗?

过去一年我们做了不少探索,「AI魔法框」是一个阶段性的答案。我们会认为设计师在表达“意图”到最终“呈现”之间,「框」是一个符合交互直觉,并能在一定范围内 AI 精度表现不错的方式。它可以在不过分改变原有交互方式的前提下,提供新的效率和设计体验的增量。

大家关心的另一个问题是魔法框召回的内容来自于哪儿?答案也是确定的:只有学习团队已经形成规范的页面,训练自己团队的模型后,这个功能才真正对设计师有效。我们希望未来的 UI 设计师构建界面的方式能通过更简单“框选并进行价值判断”来摆脱“技术含量低”的工作,更多的时间回归设计本身。

更多问题,也欢迎交流。

Motiff

104
昊然同学
9月前

埃隆噗大可: 最近一年多都在做这个产品@Motiff ,终于和大家见面了。除了 UI/UX 常用的基础功能外,我们这次给大家带来了三个 AI 功能:「AI 设计系统」、「AI 布局」、「AI 魔法框」。 先说说 「AI 设计系统」,过去设计师在搭建/维护组件库时需要投入大量的精力在遍历、整理设计稿上,借助这个功能设计师可以选择要提炼组件的设计稿、AI 将扫描并识别设计稿中的组件和样式。同时为了方便回溯使用场景,我们提供了「使用次数」、「查看使用详情」功能,帮助设计师更高效、便利地搭建/维护组件库。 再说说「AI 布局」,这个功能的灵感来源于 Figma 中的「Auto layout」,用过 「Auto layout」的朋友都知道,要想熟练地使用 「Auto layout」,你需要手动设置、调整各种参数,我们也注意到,大量的设计师是很难适应上述设置流程的。不过借助 Motiff 的 「AI 布局」功能,在 AI 的帮助下,你可以直接将一个自由式的设计界面结构化 —— 不用一层层的打组、设置自动布局,也可以轻松地调整间距/边距、灵活调整图层顺序等操作了。 最后再介绍下「AI 魔法框」,这个功能是 Motiff 的一个交互新探索,目前还处在相对早期的阶段。「框一下」对设计师是一个下意识的动作,在 Motiff 中,你可以通过「AI 魔法框」来表达意愿,AI 会快速找到合适的组件、也可以给文本来替换样式,最终放到合适的位置上。 这三个 AI 功能都是 Motiff 产品团队的一些尝试和探索,也期待得到更多的设计师朋友们的试用和反馈,请多多指教。

20