应该是昨天,Figma发布了新的三项重大功能及几项新的更新:
1.开发者模式(一个适合开发者查看的使用的模式,或者说更利于交付的模式)
2.高级原型功能(更高级的Figma原型演示功能,比如增加了条件判断、和变量进行交互等)
3.变量(引入了变量这一个关键功能,类似于之前Figma tokens插件里面的token,只是改名成了variable)
4.自动布局更新
5.字体选取器
6.文件浏览器重新设计
具体的介绍可以查看官方介绍,因为官方的介绍更容易让人看懂,请点击此处
就我目前学习和了解了这两个功能来看,FIgma功能越来越像Axure看齐了,操作也比Axure更简单了,但是对于设计师来讲,上手难度随着本次大更新直接增加2颗星
话不多说,下面进入正题,推荐一些官方的学习文档、ppt、视屏,如果有比较的好学习视频,欢迎留言补充:
1.开发者模式学习教程
- Figma官方ppt及原型演示-开发者模式(英文版)
- Figma官方ppt及原型演示-开发者模式(中文版,都是插件机翻,将就看吧)
- Figma官方教程-开发者模式(youtube,自己开个字幕翻译看看)
- 官方推荐的一篇关于开发者模式的博客文章
- Figma官方文档(开发者模式Dev mode)
2.高级原型功能及变量
- Figma官方ppt及原型演示-高级原型功能介绍(英文版)
- Figma官方ppt及原型演示-高级原型功能介绍(中文版)
- Figma帮助中心文档-高级原型功能介绍
- Figma官方视屏教程-高级原型功能
- 扩展(基础原型官方文档)
- 交流群群友分享的一篇《使⽤Figma 最新功能Variables构建颜⾊变量⼁设计系统》,加q群(667916742)获取
- 根据官方文档做的简单案例(音量加减案例)
基本就这些教程,如果有看到更多方便大家学习本次Figma新功能的教程,欢迎留言,我后续会补充上去