onfig落幕!这项新功能让igma更简单好用了优设网

大家好,我是和你们聊设计的花生~

2022 年 Config 已于 2022 年 5 月 10 日-11 日在旧金山举行,这场由 Figma 召开的线上设计大会,邀请了来自全球 20 多个国家的 100 多位相关行业从业者发表演讲,与全球用户交流分享设计经验和最新的理念。

FigJam 是 Figma 在 2021 发布的全新可协作白板,适合记录个人想法创意及团队间的头脑风暴。2022 年,Figma 在 FigJam 中置入更多实用小工具,为团队协作沟通提供了更加多样好玩的方式。

1. Jira、Asana和Github小工具

这些小工具本质上如同 Figma 中的插件,能让想法进一步变为可执行的计划,帮助团队更好地推进工作。

Asana 和 Jira 都是团队项目管理软件,在 FigJam 中完成的讨论后,可以用 Jira 或 Asana 小工具直接将想法标注为不同的任务并设立优先级,还能将任务同步到原项目管理软件中。使用 Github 小工具,用户可以直接在 FigJam 界面中创建新的议题或者将 Github 中的议题导入 FigJam,方便团队成员围绕其进行讨论。

2. 贺卡小工具与语音备忘录

FigJam 里还新增的贺卡小工具和语音部备忘录。团队的成员都可以自定义贺卡样式,发送给其他成员或庆祝团队成就。语音备忘录工具则可以快速记录留言,为团队其他成员提供更加真情实感的反馈。

自动布局功能可以有效提供设计效率,并让设计轻松适应不同的屏幕尺寸。2022 年自动布局升级后功能更加强大方便,其中比较重要的几项分别是:

项目间距可视化并直接拖动进行调节,无需在画板与属性面板间切换调整:

文本基线自动对齐:

在自动布局框架内,通过绝对定位控件让元素实现相对于边界的精准定位,不受自动布局的影响:

支持负空间的自动布局:

可变字体支持运用滑块调节字体的字重、宽度、倾斜度及光学尺寸,这不仅使字体调整更方便,字体在网页上呈现效果也更加精致,所需的加载时间也更短。设计师可以将自定义的字体变量保存到“样式"菜单中,自定义样式可以添加到库里,团队中的其他人员重复使用某一种自定义字体配置。

轮廓模式如同一台 X 光机,可以让设计者方便快捷地检查、选择和调整所有被遮挡对象、隐藏图层和嵌套层。新的轮廓模式让被遮挡的对象也能直接被选中并进行编辑,设计者无需在图层面板中进行查找。

单独分隔线功能支持为一个矩形、框架或组件/实例的任意一边添加分隔线。其本质可以视为矢量路径,设计师可以调整其颜色、粗细和线条、端点及转角的样式。

弹跳动画允许设计师为界面中的活动部件添加缓动和弹跳动作,使视觉传达更加真实生动。设计师可以通过系统预设来设置动作的速度和样式,也可以调节贝塞尔曲线和弹跳曲线来自定义动作样式。

使用贝塞尔曲线自定义动作↓

使用弹跳曲线自定义动作↓

组件属性通过将组件与特定的设计属性关联起来,定义组件的哪些部分可以被改变。如元素是否可见、是否可以交换图标,或批量修改文本属性等。组件创建者还可以附加说明和链接到更多文档,以确保所有使用组件的人明白组其的含义并在系统设计中正确地使用它们。

组件属性让可以有效统一设计规范,减少变体组件的数量,设计师与开发者之间的协作也会更加紧密。

在众多用户的要求之下,Figma 终于推出了深色模式。用户可以自主选择界面是深色模式还是浅色模式,且 figma 插件也可以在更新后支持黑暗模式。深色主题设置是特定于设备的,如果用户在多台设备上使用 Figma 帐户,则一台设备上的主题设置不会转移到另一台设备上。对于同一个文件,一个用户更改主题不会影响其他人的外观设置。

Figma 上线了聚光灯(Spotlight)功能,以改进多人协作的工作方式。当多人协作团队中的一员请求聚焦自己的时候,团队的其他成员可以选择成为跟随者,这样被聚焦者在自己界面上的每一步操作,都会展示在所有跟随者的界面中。

聚光灯功能非常适合在进行团队讨论或者演示,主讲者不用再担心团队其他成员无法及时跟上自己的节奏。这项功能并非强制性的,如果用户无需跟进被聚焦者,可以选择拒绝,就能继续保持自己当前界面的视图和位置。同时,用户也可以通过单击任意团队成员的头像,了解其目前的视图。

用户主动请求成为被聚焦者↓

用户接受他人的请求成为跟随者↓

1. 代码生成器插件

代码生成器插件 (Widget Code Generator) 允许设计师一键将 FigJam 设计转换为代码,代码可以复制并用于创建小部件界面。

2. 密码保护

当有人打开受密码保护的文件时,Figma 会检查他们是否对该文件具有查看或编辑角色。如果他们已经设置为允许访问,则不需要输入密码;对没有被赋予访问权限的人,Figma 将显示“需要密码”提示,输入正确密码之前对方无法看到文件的内容。

3. 审查设计分支状态

在 Figma 中设计师可以为一个文件创建不同版本的设计「分支」,并邀请团队中的其他成员与自己协作对分支进行修改。2022 年,Figma 为分支文件添加了审查功能,帮助创建者在合并设计分支之前请求团队成员或其他协作者进行审核。

审阅者可以查看分支中包含的所有更改,然后可以选择批准分支或提出修改建议。审查功能让设计协作流程能全部在 Figma 中完成,无需借助外部软件沟通,非常方便。

4. 收藏夹

设计师可以将重要文件和项目设为星标文件,以便从文件浏览器的左侧栏中快速访问它们。

5. 国际键盘快捷键

Figma 的键盘快捷键最初是基于 QWERTY 键盘的布局,但随着业务的不断发展,Figma 意识到其中一些快捷方式不适用于使用其他语言和布局的键盘的人。于是 Figma 向使用日语、法语和德语键盘布局的人开放了测试版本,用户可以在首选项中设置键盘布局,提高自己的工作效率。

以上就是 15 项 Figma 新功能,非常强大,也非常贴心。作为现在世界上最优秀的线上协作 UI 设计工具,Figma 在优化产品功能、提升用户使用体验上作出的巨大努力很好地体现了他们“在更强大和更简单之间取得平衡”的理念,相信 Figma 在未来也能为我们带来更多激动人心的功能。

参考资料:

优设 推荐官

2012年成立至今,是国内极具人气的设计师交流学习平台

优设是国内专业设计师平台,2012年创办至今,作为行业风向标,我们13年来专注于设计师创作者的学习成长交流。 通过优设网、优优教程网、优创网分别沉淀优质内容。是一家集齐媒体、内容、服务的多元化平台。MCN矩阵@优设AIGC 在微博、微信、小红书、抖音、B站布局,全网粉丝过千万。

THE END
0.德语键盘的正确打开方式德国文化资讯Hummm,安卓手机的安装方法有点略微令人蓝瘦,不过还是要笑着装下去。首先呢,一部分安卓机可能会在设置里边可以添加德文键盘,只要将德文键盘设为常用就能够直接使用。另一部分就相对要麻烦一丢丢,需要到相应的store里购买德语输入法app,可以参考AnySoftKeyboard、SwiftKey等。 jvzquC41o0qpqujctp4dqv4ncpmvcpj142793:581:;239;0jvsm
1.键盘布局图解(国际语言环境指南)下图显示了比利时语键盘。 图形3–2 比利时语键盘 下图显示了西里尔语键盘。 图形3–3 西里尔语(俄语)键盘 下图显示了丹麦语键盘。 图形3–4 丹麦语键盘 下图显示了芬兰语键盘。 图形3–5 芬兰语键盘 下图显示了法语键盘。 图形3–6 法语键盘 下图显示了德语键盘。 jvzquC41fqit0xwcenk/exr1ef5F3B;:5/621A68/5?938sgy/9698npfg~/j}rn
2.德语输入法德语输入法安装德语输入法 德语输入法不会安装?在键盘上找不到ä,ö,ü,ß?电脑系统自带的德语输入法到底怎么装?现在就请跟着小编一起来安装一下德语输入法,从今天开始,你就可以用德语输入法打德语字母咯!当然,如果你还记不住特殊字符的位置,没关系,小编还提供了德语版的字母键盘壁纸哦!赶快来下载吧! -德语输入法 jvzquC41fg4iwsncpi4dqv4|v1yiw{zhc
3.Windows键盘消息处理如何处理键盘消息在某些非U.S.英语键盘上,有些键用于给字母加上音调。因为它们本身不产生字符,所以称之为「死键」。例如,使用德语键盘时,对于U.S.键盘上的+/=键,德语键盘的对应位置就是一个死键,未按下Shift键时它用于标识锐音,按下Shift键时则用于标识抑音。 jvzquC41dnuh0lxfp0tfv8qggjuoi;5271gsvrhng1jfvjnnu1>73<583
4.键盘快捷键不起作用?|GoLand文档排查键盘和鼠标快捷键无法正常工作或完全无效的问题jvzquC41yy}/lnydtcoou7hqo1nfny4iq1qf{ktctf3tjxwvewzt/}wqwdrfuqtqvkth0qyon
5.kikakeyboardapk下载kikakeyboard输入法下载v6.7.0.749150多个键盘布局和字典,包括QWERTY键盘,AZERTY键盘,英语(美国)(英国),葡萄牙语(巴西)(葡萄牙),西班牙语键盘,德语键盘,乌克兰键盘,泰语键盘,土耳其键盘等。 软件亮点 1、键入消息,短信,包括文本,电子邮件等,使用各种有趣的表情符号和文本表情符号轻松发送表情符号消息,使用表情符号字典进行创新的表情符号预测 jvzq<84yyy4:8;3pgv5b||thv1<22>560jznn
6.JIS配列(日文)ISO配列(欧洲)键盘组装和使用指南至于欧洲键盘比如说德语键盘,和英语键盘的区别要小很多了。我不会德语,所以这里不嫌丑了。除了上面提到的几乎可以无视掉的第4点以外,还有一个就是德语键盘的左SHIFT是分裂的(相反右SHIFT似乎是完整的),「Z」键的左边存在一个别的键。 我之前搜索了很久很久日文配列的键盘套件,可就是找不到。就在我几乎放弃,已jvzquC41yy}/|owqpvoft7hqo1gqr8knqy5oswQlC;|z2Aw
7.Google输入工具德语拉丁文输入法键盘(德语布局)手写 蒂格尼亚语音译工具键盘(埃塞俄比亚语布局) 俄语音译工具键盘(俄语布局)手写 法语拉丁文输入法键盘(法语布局)手写 梵语音译工具键盘(梵语注音布局) 菲律宾语手写 芬兰语键盘(芬兰语布局)手写 高棉文键盘(高棉语布局) jvzquC41yy}/ixting4dp8nprwzuqxqu1jkmr8qcpi{binx0jvsm
8.德语单词一背就忘?试试这个3个方法写:写作中使用的词汇主要是高频词汇,需要注意拼写。对于今后参加新德福考试的同学来说,记住德语键盘的位置,提高打字速度非常重要。 如何区分词的类别? 对于口语和写作方面的词汇,可以重点关注A1-B2级别的基础词汇,听力和阅读方面可以重点关注考试类话题的词汇,尤其是名词和动词。对于水平较低的学习者来说,记忆单词时分jvzquC41z{€/zmk0ep5gwƒmqw1jf{~442491:8656967;A3jvor
9.德语输入法APP大全好用的德语输入法软件推荐繁体字输入法 颜值高的输入法 模拟机械键盘 德语输入法 查看 河马输入法 系统工具 | 85.09M 韩语输入法 模拟机械键盘 简洁输入法 德语输入法 查看 谷歌输入法 系统工具 | 72.68M 键盘壁纸 自带翻译的输入法 日语输入法 德语输入法 查看 听说输入法 系统工具 | 79.01M 语音输入法 智能输入法 小内jvzquC41o0jp{x3ep1€iwjsvk1jzw|wh1
10.Win7德语输入法安装教程(图解)德语入门订阅Win7系统下德语输入法应该怎么安装?找不到特殊字母怎么办?小编来教你如何安装德语输入法吧!本期介绍的操作系统:Windows 7/Vista 1)屏幕下方任务栏右侧语言栏,右键选择“设置”。 2)跳出“文本服务和输入语言”对话框,选中“添加”。 3)拖到找到“德语(德国)”,勾选键盘下的德语,点击“确定”。 jvzquC41o0nvlrfpi0ipo8ig1r:68=>61
11.IT专业英语词汇精选(K)专业词汇专业英语KEYBPL (foreign language keyboard program – Poland) 波兰键盘 KEYBPO (foreign language keyboard program – Portugal) 葡萄牙键盘 KEYBSF (foreign language keyboard program – Swiss – French) 瑞士法语键盘 KEYBSG (foreign language keyboard program – Swiss – German) 瑞士德语键盘 jvzquC41yy}/hxtfoczf0wjv1gthnrxj1uvferfnkv03:92484ivvq
12.IT专业英语词汇精选(K)keybpl (foreign language keyboard program – poland) 波兰键盘keybpo (foreign language keyboard program – portugal) 葡萄牙键盘keybsf (foreign language keyboard program – swiss – french) 瑞士法语键盘keybsg (foreign language keyboard program – swiss – german) 瑞士德语键盘keybsl (foreign language jvzquC41yy}/fr~khctxgw3eqo5lcxxjk|nvcwyk1lotwjslk{ooi‚zekj{j19=852:48=;:;8<54@60jvs