前言:
初识Figma这款软件,是在刷小红书的时候,看到了相关用户给出了十分nice的Figma设计案例。之前就一直想要学习有关Sketch的相关知识,但是由于囊中羞涩,暂时还没有MAC本,所以一直也在寻找WIN本能使用的UI/原型设计工具。
目前在网上大体了解了一下Figma这款软件后,找了一些教程进行学习。为了日后更好地复习知识,现整理学习过程中的一些知识点于本文中。如果查阅本文的小伙伴有同样的兴趣爱好,希望可以帮助到你们~
概念:
Figma是一个基于H5开发,具有实时协作功能的UI设计工具。
(而竞品当中PS、Sketch、XD等线上协作功能都并不理想。)
优势:
跨平台:
只要能访问网页,无论是MAC或是WIN都能使用(Chrome、Linux、TNT都可兼容)。
高效:
比Sketch、XD更快的渲染能力和更低的配置要求。
多位一体:
将主流的交互功能、标注切图等合二为一,无需借助插件。
团队协作:
可以和团队成员共同编辑同一个文件,保持版本统一,分配权限。
实时存储:
文件在线保持,无需保持,随时保持最新版本,不会丢失(当然也支持本地保存,免费版本30天)。
(XD安装遇错问题层出不穷,并且即将开始收费服务,¥70多一个月。)
劣势:
1.加载网速比较慢(最好使用加速器);
2.国内还需要时间普及;
3.暂时没有中文版;
4.必须联网状态下操作;
Windows 汉化:
1.找到 Figma 安装文件夹(可在开始菜单下找到 Figma,右键-更多-打开文件夹位置。进入相应文件夹后,右键 Figma 图标,选择「打开文件所在的位置」);
2.打开 app-**.*.* 文件夹(*代表数字,选择和补丁对应的版本号) ;
3.把 app.asar 文件放入 resources,重启 Figma 。
4.windows 在右上角下拉箭头菜单中选择。
备注:汉化插件下载地址:https://figma.cool/
常用插件:
1.Unsplash
2.photos
3.UI Faces