首页

设计工具 | 7 种工具助您实现 Figma 工作流程的自动化

清阳

Figma 是设计师的游乐场,但有时感觉滑梯坏了,沙盒里充满了错误。

你怀着设计精美作品的崇高目标打开文件……然后花了 90 分钟调整按钮、命名图层,还和自己争论字体大小。真有意思!

值得庆幸的是,有一些工具可以帮我们摆脱这种缓慢疯狂的循环。这些工具可以帮我们处理那些无聊、重复的工作,这样你就可以真正专注于设计,也就是你擅长的部分。

以下 7 种工具可自动化您的 Figma 工作流程。

1. MadeinFigma:跳过无聊的东西

将显示缩放图像
MadeinFigma.com 网站模型

让我们从最明显的开始。

MadeinFigma专为那些厌倦了第 47 次设计相同登录屏幕的人而设计。它包含预置的产品套件、UI 组件、网站版块、仪表板和产品流程。

从真实完成的布局开始,然后逐步构建,无需拖拽矩形框耗费三个小时。只需复制粘贴、调整,即可完成。

它不仅节省时间,还能让你把脑力投入到实际问题上,比如如何为客户设计一个美观的身份验证流程。

2. 内容卷轴:别再输入“John Doe”了

将显示缩放图像
ContentReel 模型

你正在填写表格。你需要一些示例姓名、邮箱、头像和地址。你盯着屏幕。你的大脑却无法想象出一个令人信服的虚拟人物。

这就是Content Reel发挥作用的地方。它会立即用真实的数据填充您的设计,这样您就不必再假装每个用户都被命名为“测试用户 3”。

使用它来插入看起来真实、行为真实的内容,并且不会让您的 UI 看起来像是在真空中制作的。

3. Autoflow:轻松连接屏幕

将显示缩放图像
AutoFlow 模型

想要绘制流程图吗?厌倦了在 18 帧之间手动绘制箭头吗?

Autoflow可以自动完成这一切。选中两个框架,砰,连接线就画好了。这是 Figma 严重缺失的智能连接工具。

它非常适合展示用户旅程,而不会让您的画布看起来像旧的犯罪调查委员会。

4. Similayer:像老板一样管理你的图层

将显示缩放图像
Similayer 模型

你的 Figma 文件有 300 个图层。你想更改所有按钮的颜色。手动选择它们是一种数字自残。

Similayer允许你选择所有具有相同属性的图层,例如文本样式、填充、描边等。只需单击一下,即可将所有图层整合在一起进行编辑。这真的很让人满意。

使用它来进行清理、批量编辑,或者在周一早上感受强大的力量。

5. Iconify:无尽图标,零遗憾

将显示缩放图像
Iconify 模型

没有 Iconify 的设计就像没有清单去买东西。你以为你会记得你需要什么,结果回来时却只带了一罐豆子,心中充满了深深的恐惧。

Iconify让您无需离开 Figma 即可访问超过 100 个图标集,包括 Material、Feather、FontAwesome 等。

非常适合当您的设计尖叫“在这里添加一个图标”时,您尖叫着回答“哪一个?!”

6. FigGPT:让人工智能来做

将显示缩放图像
FigGPT 模型

我们生活在人工智能时代,老实说,我们最好也倾向于人工智能时代。

FigGPT是一个 AI 插件,它可以帮助生成占位符副本、建议布局想法,甚至在你的大脑退出聊天时命名你的框架。

它并不完美。它仍然把按钮叫做“请点我”。但在截止日期前,它是个不错的数字伙伴。

7. Design Lint:捕捉你错过的东西

将显示缩放图像
设计 Lint 模型

你知道吗,当你完成设计,准备展示的时候,有人指出你的行高正好有一帧不对吗?是的,我也遇到过这种情况。

Design Lint会检查您的文件是否存在不一致、缺少样式、未链接的元素、异常颜色,这样您就不会在下次审核中受到批评。

这就像一个一丝不苟的实习生,他唯一的目的就是指出你的错误,但是很客气。

提示:不要让自动化让你变得懒惰

这些工具可以提供帮助,但它们并不能取代实际的品味和判断。

使用自动化可以节省时间,减少错误,避免重复做 400 次相同的任务。但仍然需要检查间距。仍然需要调整字体排版。仍然需要进行一些巧妙的设计,让最终产品更具人性化。

因为虽然机器人很擅长替换你的 lorem ipsum,但它们仍然无法决定你的号召性用语应该是“立即购买”还是“开始旅程”。

 

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

UI 弹窗设计总结篇

涛涛

弹窗在 APP 中无处不在,这段时间刚好在整理弹窗组件相关内容,所以想和大家分享一下弹窗的设计思路。

UI 设计死抠的细节

涛涛

作为一名专业的 UI 设计师,难免会有一点强迫症,时常因无法平均的像素而苦恼,恨不得所有的元素都达到完美统一。

页面的卡片式设计

涛涛

在扁平化设计兴起与最初的 Macintosh 图形界面问世之间的近 30 年,是拟物化设计从萌芽、发展、成熟到转型的阶段。上世纪 80 年代,几乎所有研究机构和 3D 制作公司都聚焦于提高 3D 图形的真实感。随着技术成熟,设计师们争相绘制愈发逼真复古的图标,到 2012 年左右,拟物化设计达到极致。然而,过度精细的肌理、装饰、光影让人们视觉疲劳,且用单一逼真设备作为图标,因设备更迭可能导致功能识别断代,比如年轻一代对指南针喻指地图、磁带喻指录音等设计可能陌生。

如何让UI设计更加统一规范

涛涛

本指南旨在帮助设计师快速且一致地布置 UI,对于设计有固定约束的移动应用程序 UI 尤其有用,同时在响应式网页设计中也能发挥作用。和许多设计指南一样,这些示例在实际设计过程中体会,会比单独阅读文字更有帮助。

如何让UI设计稿更加优秀

涛涛

在视觉艺术领域,艺术家注入作品中的颜色往往能成为作品的灵魂。正如静电所说:“颜色就是一种力量。它可以在转瞬之间改变图片的基调,能够增强、减轻、突出、说服、呼吁等等。颜色和文字可以相互辅助,让彼此更有力量,甚至能在没有任何文字的情况下传达情感,是设计师手中的一大武器。” 这也正是颜色在 UI 设计中成为关键因素的原因。

Feed 流设计:这些知识你知道吗?

涛涛

Feed 流,简单来说,就是将用户感兴趣的内容以信息流的形式呈现出来。我们可以把 “Feed” 理解为 “按需供给”,即产品通过数据算法为不同用户推荐他们感兴趣的内容,吸引用户不断下拉浏览;而 “流” 则指信息有规律排版的呈现形式。

不懂如何设计小程序?来看这份超全面指南!

涛涛

最近正在参与小程序相关项目,因此尝试撰写一篇「相对全面且实战」的文章,希望能给越来越火热的小程序领域及设计师们提供帮助。本文阅读时间约 10 分钟,内容充实,建议耐心浏览。

B 端体验设计的 10 大好处

涛涛

现代管理学家彼得・德鲁克曾说:“如果你不能够测量,那么就没法很好的管理它。” 过去,B 端体验设计在我心中是难以测量的,总觉得它缥缈不定,只是一种因人而异的感受,很难评判好坏。但经过深入学习和研究后发现,其实它并非如此虚幻。本文将结合具体案例,探讨体验设计在 B 端设计中的应用,以及相关的思维模型和可量化的方法论。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档