私人书签导航 - figma
type: channel
link: https://me.bizihu.com/index.php/tag/figma/
items: 深扒！连拜登团队都在用的Figma是如何成长起来的？
items: 担心被封号？试试这5款常用软件的免费平替！
items: 这 9 个效率逆天的 Figma 插件，用完回不去了！
items: 这10个效率逆天的 Figma 插件，用完回不去了！
items: 看不懂英文？收下这份超全面的 Figma 中英对照表！
items: 2021 优设年度榜单！设计师喜爱的十大生产力装备
items: 快收藏！22款实用性超强的免费 Figma 插件
items: 帮 UI 设计师极大提升效率的10款 Figma 插件
items: Figma Config 2021 发布超多新功能！薅羊毛的时代过去了？
items: 设计干货！让你效率倍增的八款 Figma 插件

深扒！连拜登团队都在用的Figma是如何成长起来的？
type: item
date: 2022-03-15T02:13:33+08:00
description: 相信这几天设计圈和产品圈的同学都在讨论 Figma 封禁大疆的团队帐号这个事儿，经过多轮文章和视频的洗礼，这个事件的始末和性质相信大家已经掰开了揉碎了看明白了。担心也好，警醒也罢，各位心里都有数了，受到影响的大疆和其他企业应该也已经转向 plan B，我这边想先聊点别的——关于Figma 是如何借助两波风口起飞的，两位创始人的创业经历，以及 Figma 与拜登设计团队、Adobe 的过往交集。 （看过银河系漫游指南的同学应该都知道这是啥意思） 首先，别慌。就此时此刻而言，绝大多数的国内 Figma 普通用户不会受到影响。1、暂时，对于绝大多数人不会有太大影响如果你只是一个普通的 Figma 用户，就目前而言，很大概率对你是完全没有影响，至少使用免费套餐的普通用户而言，你不会因为 IP 地址是中国大陆而被禁止访问，即使是购买了 12美元/月专业用户，也无需在注册购买的时候注明公司和企业。换句话说，Figma 不知道你是谁。而往下看你会注意到，在专业用户之上，还有 Organization 和 Enterprise 两个套餐，后者应该是最近新增的。而真正可能受到影响的，是购买后面两个套餐的企业用户：如果你仔细查看目前 Figma 对4类用户提供的服务的列表，你会发现，绝大多数的设计功能和常见的协作和管理功能，其实基础和专业用户两个套餐都是不缺的，而主要的差异，存在于下面的部分：这当中基础和专业用户套餐中所不包含的功能，绝大多数都是特别进阶和细分的功能服务，比如协作中的定制工作空间、语音通话、分支与合并，设计系统部分的共享字体、组织、多团队设计系统共享，开发当中的私有插件，等等等等，绝大多数国内正在使用 Figma 做设计的设计师同学有几个人真正深入用到这些功能？而这些功能有哪些是彻底完全无可替代的？对于使用免费版和专业版 Figma 帐号的同学，起码现在不用担心，没有影响。不过，既然我说「绝大多数」，也就意味着影响还是存在。对于拥有多个大型设计团队，并且基于 Figma 进行设计、开发协同的大型企业和公司而言，团队和企业账户下的「管理与安全」部分的独享功能，可能是都有需求的，比如大疆。包括插件管理、中心化帐号、用户帐号自动加入、链接和文件管理等等这些功能，也正是涉及到复杂协同环境的大型设计团队所需要的，而他们也是这次事件中受到威胁最大的部分，而真正受到实质性影响的，则是出现在 600 个企业名单上的一部分国内企业。当然，Figma 制裁国内企业这件事情虽然并未涉及到我们全体，而我上面所探讨的不同套餐和用户受到影响的差异，也是「现在」这个时间节点的状况，这并不意味着后续不会发生变化。不过我们大家都很容易在这种事情上「感同身受」，出于本能未雨绸缪准备备用方案也非常正常。好在国内设计软件服务蓝湖、即时设计等守望相助，提供了 Figma 的文件导入服务，在短时间内解了受影响企业用户的燃眉之急，也为准备迁移设计平台的用户及时提供选择，远哥在这篇文章当中提供了相关的介绍和入口，我这里也暂时不赘述了：说完「目前」的状况和影响，，接下来把时间跨度放大，来看看这次事件的 B 面。2、Dylan Field 与 Figma先重新审视一下 Figma 是怎么走到这一步的，很重要。正如同我们所知道的，Figma 目前的主要竞争对手 Sketch 和 Adobe XD 都是本地软件，而 Figma 恰恰相反，它是一款可以直接在网页运行的、天生带有多人协同属属性的「轻量级」设计服务和工具。在成长性和功能拓展上，Figma 明显超出两位竞争对手。当然，这种特质和它背后的始作俑者的的确确有着直接的关联。在维基百科中文版中，对于 Figma 和它的 2 位主要创始人的介绍是这么写的：「迪伦·菲尔德（Dylan Field）和埃文·华莱士（Evan Wallace）于 2012 年开始着手开发 Figma。这种基于Web的设计工具是菲尔德和华莱士在2011年就读于布朗大学期间所构思的。2012年，华莱士从布朗大学毕业，而菲尔德则退学接受了泰尔奖学金（Thiel Fellowship），该奖学金提供了10万美元用于寻求创业想法。随后，两人移居到旧金山，全职投入Figma的工作。Figma从2015年12月3日开始提供采用邀请模式的免费预览程式，于2016年9月27日首次公开。」这两位联合创世人中，Dylan Field 的个人经历更容易查到，而恰恰是他的个人成长经历，能够帮我们管窥 Figma 这个工具成长到今天这样的一些缘由。 图片来源：维基百科1992 年出生于加州彭格罗夫 Dylan Field ，6岁的时候开始学习代数，从小对计算机感兴趣并且参加过 国际青年组织 FIRST 所举办的机器人竞赛，甚至在 Windows XP 的广告中作为演员露脸，中学时代长期和…

担心被封号？试试这5款常用软件的免费平替！
type: item
date: 2022-03-15T00:15:33+08:00
description: 大家好我是花生。Figma 封禁中国企业大疆（DJI）企业账号的事这两天在设计圈持续发酵，个中详情大家相必都有所了解。究其根源，此次封禁并非 Figma 本意，而是在美国政府制裁名单这样的政治因素影响下，作为美国企业的 Figma 不得已为之。但事件已经发生，并对中国的设计行业造成了较大的冲击。虽然目前制裁的只有大疆，但是很多中国企业为了规避风险，纷纷选择将 Figma 上的文件迁出。幸而国内的同类对标产品即时设计、MasterGo 等对这次事件反应迅速，纷纷上线 Figma 文件导入功能，帮助企业和设计师应对难关。即时设计和 MasterGo 针对 Figma 事件发出的公告Figma 封禁大疆事件引起设计圈的普遍忧虑，担心未来会有其他设计产品受政治因素影响对中国用户进行封锁，这样的担忧不无道理。今天为大家盘点梳理 5 款我了解到的中国大陆本土或者已明确表态不受政治因素影响的办公和设计类工具，它们可以很好的替代现在的一些知名设计办公产品，且都是免费使用的，希望为你的工作提供更多的选择。C4D 与 BlenderC4D 由德国公司 Maxon 的研发运营，是当下最热门的 3D 软件，它集 3D 建模、动画、模拟和渲染于一体，功能强大。C4D 相对于 Maya、3D Max 等 3D 软件要更简单易学，且搭载了 VRay、Arnold、RedShift 等多个渲染器，能在较短时间内渲染出极具质感的作品，几乎可以达到以假乱真的地步。C4D 渲染作品，来源：Behance @Danny Liu说到未来最有可能超越 C4D 成为最热门产品的 3D 软件，无疑就是 Blender 了。Blender 是托管在 blender.org 上的开源项目，供所有人永久免费使用，而且支持中文简体。它的程序轻便，只有 200 多 M，但建模、渲染、动画、模拟等功能一应俱全，比 C4D 更加简单易学。Blender 渲染作品，来源：Behance @林 溢鑫推荐 Blender 作为 C4D 的替代， 一是 Blender 的确好用且免费，二是 2022 年 3 月 9 日 Blender 在其官网上发布了关于俄乌战争的声明，声明中表示 Blender 将捍卫艺术家和开发者的自由，坚持为每个人服务的原则，不会对俄罗斯地区的用户访问 Blender 进行封锁。开源的特性加上官方这样开放坚定的态度，我们可以放心选择 Blender 而不必担心它会受政治因素影响。网站链接：https://www.blender.org/Eagle 与 Billfish相信不少设计师都已经选择 Eagle 作为自己收集这整理灵感的资源库了，它可以接受图片、视频、音频、字体、文本文档、PSD、Ai、BLENDER 等 40 多种类型的文件，搭配浏览器插件使用实现拖拽保存图片，非常便捷。Eagle 实行买断制，试用期 30 天，购买后激活序列码即可解锁终身使用。Eagle 是一款本地软件，本身没有云同步功能，需要搭配其他云盘使用。Eagle 程序主界面及其功能想使用免费素材管理工具的设计师，可以试试Billfish ，这是苏州长嘴鱼软件有限公司开发的一个素材管理工具，它的功能与 eagle 一样非常全面，而且完全免费。目前 Billfish 处于一个高速发展阶段，未来能否在云同步等功能上更加全面并超越 eagle 还是非常值得期待的。网站链接：https://www.billfish.cn/Billfish 官网非常活跃 Billfish 论坛，在上面你可以与开发人员直接沟通Pinterest 与花瓣Pinterest 和花瓣都是设计师非常熟悉的设计灵感网站了，或许很多设计师还是感觉花瓣没有 Pinterest 优秀，但是放在特定的背景下看，有花瓣这样属于我们自己的设计资源网站还是非常珍贵的。2022 年 2 月花瓣发布了最新一版的 UI：下线了体验不佳的广告，网站整体视觉更加透气高级；升级了搜索逻辑和算法，帮助用户更快更精准的寻找素材；上线了花瓣 Pro、10W+可商用源文件等新功能。从 2011 年成立至今，花瓣网经历了数次更迭改进，内容和功能都越来越专业强大，相信未来发展也会越来越好。网站链接：https://huaban.com/Pinterest 主界面花瓣网 2022 年 2 月更新的最新版 UINotion 与 wolaiNotion 是一款号称“第二大脑”的笔记工具，能实现笔记、知识库和任务管理的无缝衔接协作，在云笔记领域非常热门。Notion 可以嵌入图片、网页、文档、视频等多种类型的文件，并将内容以块（Block）的形式呈现，可以通过拖拽实现内容自由排版；拥有无限层级，互相之间可以嵌入和链接，非常灵活。但是 Notion 没有汉化版本，它的程序界面及官网教程…

这 9 个效率逆天的 Figma 插件，用完回不去了！
type: item
date: 2021-12-29T02:03:16+08:00
description: 第二波插件推荐，都是我用过觉得还不错的，希望你们能喜欢！上期回顾：Looper实用指数：⭐️⭐️⭐️⭐️⭐️如果你之前看过《这三款 sketch 插件，让你效率逆天（已打包）》应该对 looper 有印象，figma 版本的直到一年前才开发出来。这个工具非常炸裂，它直接把 AI 里的混合工具给整到了 figma！只要装了它，以往在 AI 中才能实现的复杂图形，figma 中一样可以轻松绘制。比如下面这些复杂图形，都是用的 looper 直接在 figma 里面快速生成的！方法很简单，随手画一个形状，设置你想要的参数，再点 Create 就立马出效果，非常给力。不过面板是英文的，所以我简单做了汉化并且对每个地方做了解释。大家多试试就能很快掌握。总之，它在做创意图形时是一款非常实用的工具，强烈安利！！Dark mode magic实用指数：⭐️⭐️⭐️⭐️这个工具很厉害的一点就是，可以一键把日间设计稿转成夜间模式。同样简单做个演示。Covertify figma to XD/sketch实用指数：⭐️⭐️⭐️⭐️虽然目前 figma 在全球的使用率已经超过了 sketch 和 xd，但依然会有在使用这两类格式的场景。这个工具就可以很好地满足这个诉求，将当前的 figma 文件转为 sketch 或者 xd 格式。Blush实用指数：⭐️⭐️⭐️大名鼎鼎的插画库，你可以在这个工具内选择自己喜欢的插画~而且目前入驻了更多的设计师，所以插画风格也更多了，最关键的是，全部都是免费可商用的哦。feather icons实用指数：⭐️⭐️⭐️虽然数量上只有 282 个 icon，但胜在足够优质和简约，通用型图标基本够用~输入一些常用的英文单词可以快速取用，比如 arrow、email、file 等等Color Palettes实用指数：⭐️⭐️⭐️⭐️这个工具本身自带超过 1500 款配色方案，命名简单，便于调用。点击加号，就能将当前的色块组合拷贝到你的画板上，也可以通过搜索色值来筛选出包含这个色值的配色方案。Unsplash实用指数：⭐️⭐️⭐️⭐unsplash 在社区下载量常年第一。图片非常优质、很容易出效果。只需要点击你心水的图片就能直接嵌入，鼠标拖曳可以实现多选~Topath实用指数：⭐️⭐️⭐️⭐️⭐️这个工具是我在搜索如何在 figma 上做路径文字时挖到的一个宝贝，它很好地弥补了 figma 无法做路径排布的问题。方法很简单，选中路径和文字，一键 link 就可以 1 秒让文字沿路径排布。而且不光是文字，任意对象都可以做路径编排，比如象征荣誉的橄榄枝或者是齿轮图标。另外，支持多参数的自由调节，比如路径排布方向、对齐关系、偏移距离等等。Detach Master实用指数：⭐️⭐️⭐️⭐️大家用过 figma 组件的话应该都知道，figma 只能解组实例，母组件是无法解组的。而有了这个工具就能顺利得将母组件解组为 frame 了，不用你再花时间重新制作，非常给力！！今天的分享就到这里~原创不易，如果这篇文章对你产生了些许帮助，欢迎点个赞，支持我原创的同时也让它帮助到更多的小伙伴。我是 Andrew，一个将写作当成事业的设计师。下期见。欢迎关注作者微信公众号：「转行人的设计笔记」原作者：优设@ AndrewChen

这10个效率逆天的 Figma 插件，用完回不去了！
type: item
date: 2021-12-27T01:31:16+08:00
description: 从 9 月中旬开始，陆陆续续更新 Figma 系列到现在已经第十篇了，期间非常非常多的小伙伴因为这个系列获得了帮助、甚至加我好友催更，真的感谢你们所有人的支持。更多 Figma 插件推荐：在它完结前，再推荐一些我自己用过的插件，希望给你们带来更多的效率提升~Figma Ex实用指数：⭐️⭐️⭐️⭐️⭐️figma 插件一直让人诟病的一点就是很难找。尤其插件一旦装多了，你就得去大海捞针，非常浪费时间。这个工具能使 Figma 的所有插件直接悬浮在右侧画布，最关键的是外显了每个插件的 logo，找起来也更便捷了。对了，figma 本身不支持显示中文字体，而这款插件也支持显示中文字体的功能，强烈推荐！地址：https://moonvy.com/figmaEX/Remove BG实用指数：⭐️⭐️⭐️⭐️⭐️这个工具能帮你快速抠图，不用再花时间打开 ps 慢慢扣，方便！Easometric实用指数：⭐️⭐️⭐️有了这个工具，你就可以直接在 figma 上画 2.5D 插画了，而且能可视化的调整每个形状面，提高画 2.5D 插画的效率。skale实用指数：⭐️⭐️⭐️⭐️⭐️figma 非常遗憾的一点，就是不能像 sketch 那样倍率缩放元素或者画板。这个工具完美得解决了这个问题，实用性极高！！SkewDat实用指数：⭐️⭐️⭐️⭐️⭐倾斜工具。在 Figma 中，文字是无法倾斜的，而这个工具，可以调整 X 和 Y 轴的调整角度，并且这个过程是非破坏性的，倾斜过后文本还可以继续编辑。而且你也可以倾斜画布，以此展示不同的视角，如果我们想通过更丰富的空间展示来增加视觉效果，用它准没错。3D Transfomer实用指数：⭐️⭐️⭐️⭐️如果你觉得这种倾斜效果不够抓人眼球，那你还可以试试这款超级实用的 3d 透视工具。通过这个工具，你可以直接在 figma 上实现很多变形效果。通过三轴和透视的参数条件，就可以实现我们想要的 3d 效果，非常舒服。Vectary 3D Elements实用指数：⭐️⭐️⭐️这个工具提供了很多常见的 3d 样机，我们可以把自己的设计应用到样机上进行展示，而且它支持调整视角，非常容易出效果！！Copy&Rotate实用指数：⭐️⭐️⭐️⭐️figma 不像 ai 那样有旋转复制的功能，这就导致我们在画时钟、亮度、齿轮那样的 icon 时非常吃力。现在有了这个工具，可以立竿见影得帮你提升绘制效率。Google Sheets Sync实用指数：⭐️⭐️⭐️⭐️非常牛逼的内容填充工具，这个工具可以直接对接到谷歌的服务，直接导入你自己设置的表单数据，甚至可以实时更新。不过入门有一定门槛，后面我单出一期视频教学。Arrow Auto实用指数：⭐️⭐️⭐️⭐️受够了每次画流程图都得手动绘制各种方向的箭头？那你绝对得试试这个工具。只需要选中对象并且一键 link，就可以一条流畅的箭头。最关键的是，箭头会固定两端端点，不论两个对象如何更改位置，箭头都能自动跟随！！简单做个示例。以上插件获取方式：直接去 figma 社区： https://www.figma.com/community 搜索获取、安装即可。步骤如下，有问题可随时私我。欢迎关注作者微信公众号：「转行人的设计笔记」原作者：优设@ AndrewChen

看不懂英文？收下这份超全面的 Figma 中英对照表！
type: item
date: 2021-12-22T00:17:10+08:00
description: 今天给大家分享下 Figma 软件的中英文对照表，之后就算没有插件或者 Figma 频繁更新，也不用担心看不懂了～欢迎大家多多分享给有需要的同学，我们也会一直更新 UI 设计有关的各种资料。下面会分为 顶部操作区 – 工作区 – 首页 – 个人中心 – 社区 – 进阶操作 进行展示，大家按需查看～顶部操作区工作区首页个人中心进阶操作欢迎关注作者的微信公众号：「超人的电话亭」原作者：优设@ 酸梅干超人

2021 优设年度榜单！设计师喜爱的十大生产力装备
type: item
date: 2021-11-05T03:47:04+08:00
description: 距离2022 还有 1 个多月时间，过去的一年是如此不平凡，我们经历了奥运夺冠、建党百年、神舟问天开启逐梦空间站时代。这一年，防疫似乎也逐渐成为了我们生活的一部分，学生和老师们适应了用电脑手机上网课，很多人也开始习惯居家办公和远程协作，以往的生活方式和工作模式都在发生改变。这期间涌现出了许多生产力工具，极大地提升了设计师们的工作效率。一共20件宝贝！这里有课代表归类了，访问更有仪式感、设计感的专题页如何提升生产力？这是设计师心中永恒不变的话题。每个人对这个问题都有自己的答案。是看书、买课提升自身能力？或是学习新的软件和新的设计风格？还是购买新的装备提升工作效率？为此，我们在网站、微博和微信群里做了一份调查问卷，向众多设计师们征集最有生产力的装备和工具。通过这份 1356 人的问卷，我们整理出了一份2021年《十大设计师喜爱的生产力软件应用》和《十大设计师喜爱的生产力硬件外设》专题文章，以供要提升生产力和升级装备的设计师们参考。这些产品，我们统一都整理进了这个专题页里，你可以直接点击进去查看专题：《2021优设年度榜单》十大设计师喜爱的生产力软件应用Adobe全家桶：行业标准制订者功能特点：入行必学 | 软件联动 | 图像处理软件官网：Adobe（https://www.adobe.com/cn/）说起设计软件，哪怕是完全不懂设计的人，也能随口说出「在吗？帮我 P 张图」，这里的 P 其实就是指的Photoshop，由此可见 Adobe 软件的江湖地位是多么深入人心。Adobe 公司成立至今将近40年时间，软件产品囊括修图调色、排版印刷、插画手绘、影视后期、动画制作、音频制作、UI与UX设计、网页开发等多个行业类型，几乎覆盖了创意设计工作的方方面面。Adobe 全家桶软件，在各自的专业领域都有着无可替代的作用，各个软件间的联动性和强大功能，带动了例如摄影摄像、网络印刷、影视工业、互联网等许多高新行业的快速发展，为后来的无数创意软件提供了灵感。目前市面上几乎所有的修图调色软件里，都能看到 Adobe 软件的影子，是当之无愧的行业标准制订者。Sketch：专为UI设计而生功能特点：矢量编辑 | 无限画布 | 智能组件软件官网：Sketch（https://www.sketch.com/）随着 2013 年苹果公司正式发布 iOS 7，UI设计正式进入扁平化时代，随之而来的便是互联网行业的高速发展，成千上万的大小企业开始投入到 App 开发的行列。舍弃了拟物化那些复杂的光影设计，Photoshop 等传统设计软件在 UI 设计工作中开始变得繁重起来，这让 Sketch 一跃成为 UI 设计师心中的最佳工具。优雅的界面正对设计师的审美口味，无限画布可以任意发挥创意空间，智能组件功能为设计师省去大量重复性操作，轻量化的功能让 UI 设计变得更加专注。此外，许多开发者也为 Sketch 提供了超过 700 多种强大的插件支持，例如字符/图表自动生成、插画素材调用、自动填充高清图片等诸多实用功能，更加丰富了 Sketch 软件的使用场景。遗憾的是，Sketch 至今已经更新到第 78 个版本，自始至终只支持 Mac OS 系统，对于用户占比更大的 Windows 用户来说，便无缘体验这款软件了。Figma：风靡全球的UI神器功能特点：全平台使用 | 实时协作 | 响应式设计软件官网：Figma（https://www.figma.com/）很难相信，Figma 发布至今仅仅 5 年时间，它的使用人数已经逐步超越 Sketch，成为国内外各大互联网团队热捧的设计工具，微软、谷歌、阿里、腾讯、网易等大厂的设计团队，也逐渐转入 Figma 阵营。工具和技术一样，短短几年就会迭代出新的形式。Figma 能够一路突飞猛进获得如此迅速的发展，取决于他们借助浏览器作为载体，这意味着设计师不需要下载安装应用程序，打开浏览器就能开始做设计。同时也直接解决了操作系统的问题，不管你是用 Windows 还是 Mac，再也不用顾虑软件下载、升级安装以及兼容性等一系列麻烦。而 Figma 的实时协作功能也是一大亮点，它可以支持多人同时编辑一个文件，历史记录会保留每一个修改的版本，是谁做了哪些修改都清晰可见，很大程度省去了成员协作时交接、命名等繁琐操作，也更加方便异地合作的成员之间协同完成项目，这一切都只需要一个浏览器就能完成。CINEMA 4D：艺术表现新维度功能特点：建模 | 动画 | 材质渲染 | 动力学模拟软件官网：CINEMA 4D（https://www.maxon.net/zh/cinema-4d）CG 技术的进步，成就了诸如漫威宇宙、迪士尼动画等众多影视项目的蓬勃发展，而 C4D 在其中扮演了非常重要的角色。如今，C4D 正式进入创意、广告、科技、电商等…

快收藏！22款实用性超强的免费 Figma 插件
type: item
date: 2021-07-19T01:59:45+08:00
description: 编者按：这篇文章最初发布于 Moonlearning.io ，作者 Christine Vallaure 根据自己的工作经验梳理了一大波优质的免费 Figma 插件：Figma 如今有着大量的插件，不过其中的插件素质差别很大，需要仔细筛选。不过如果你选择了对的插件，合理的设置，能够极大的提升设计效率，节省时间。接下来，我会推荐一波值得你使用的优质免费插件。Vectary 3D---Vectary 3D 是一个超级好用的样机工具，只需要简单的点击即可将你的 Frame 添加到 3D 的画布当中，让你的界面和各种3D的物品结合到一起，非常好用。GiffyCanvas---如果你需要在 Figma 当中制作 GIF ，那么你只需要选择这款 GiffyCanvas 插件，根据提示来进行操作即可快速生成！Breakpoints---这是一个仍然处于测试阶段的插件，它可以自动生成响应式断点，仅需 5 秒，它就可以为每个框架生成合理的动态断点。Google Sheets Sync---使用这个谷歌表格同步工具可以直接对接到谷歌的服务，直接导入表单信息，甚至可以实时更新。Stark---Stark 是一个提升界面可访问性的工具，它提供对比度检测、智能配色建议以及针对色盲用户的优化。这款工具的基础版本的功能就已经相当不错了，如果还不能满足你的需求可以看看它的付费版本。此外，它还有单独进行配色优化的工具 Able 和 拼写检查工具 Adee。Redlines---Redlines 是一个用来交付的时候标注规范的工具，可以极大的节省过程中花费的时间。Interplay---Interplay 可以用来连接代码库，使用 Figma 中真实的组件来进行设计。Blush---Blush 是一个优秀的插画图库，它的免费版本就非常够用了，它可以帮你制作各种各样的人物和场景。Unsplash---Unsplash 则是著名的免费图库，你可以使用这个插件直接访问其中的图片素材。Iconify---Iconify 当中包含 40000 多个免费的图标，可以直接在 Figma 当中调用。Morph---Morph 是一个超强的视觉效果输出工具，它可以生成霓虹灯或者故障风格的视觉效果，特别强大。Lorem ipsum---还在直接搜索错文假字作为占位符么？直接用 Lorem ipsum 插件来实现不香么？Mapsicle---这是一个非常有用的地图插件，可以方便你把谷歌地图插入进来，并且可以非常快捷地设置样式。Autoflow---Autoflow 可以创建超级简单的箭头示意图流程，不过如果你需要呈现过于复杂的交互的时候，它可能会显得比较受限。Wireframe---Wireframe 非常适合快速且标准化的线框图呈现，这款工具提供大量基础的选项帮你更快开始。Image Palette---这个配色方案生成工具出奇的好用，选择一个图片，然后点击，完成即可。Blobs---如果你最近对那些漂亮的有机的图形感兴趣，那么 Blob 这个工具就可以一次性满足你的这个需求。Chart---使用 Chart 来创建图表其实是一个相当不错的选择，它能够无缝地同 Excel、Numbers 以及 Google Sheets 乃至于远程 JSON 、本地的 CSV 和 JSON 文件连接到一起，非常给力！Find and Replace---这个查找和替换的插件也特别简单好用，算是解决了一个非常基础的小问题。Super Tidy---如果你的文件总是很乱，那么 Super Tidy 这个插件可以帮你整理，重新梳理你的组织框架， 合理排序，批量命名，等等等等。TinyImage Compressor---TinyImage Compressor 是一个图片压缩导出的工具，可以导出 JPG、PNG、SVG、WebP、GIF、WebM、AVIF 和 PDF 等常见格式。SPELLL — Spell Checking for Figma---Spelll 是一个超强的拼写检查工具，它是免费的，不过使用之前你也是需要验证许可证的。这个工具可以扫描所有的文件，来检查拼写错误。作者： Christine Vallaure

帮 UI 设计师极大提升效率的10款 Figma 插件
type: item
date: 2021-06-03T02:16:50+08:00
description: 在 UI/UX 设计领域，很多工作已经不用真的从0开始做了。用好插件，往往能让设计工作事半功倍。在 Figma 和 Sketch 这样的设计工具当中，插件赋予了设计更多的可能性，更快的执行效率，更快捷的流程，以及更完善的体系。这次，我们梳理一波 Figma 当中超级好用、提升效率的 10 个插件。Renameit---这是一款传奇级别的插件，使用过 Sketch 的同学可能会知道它。在 Figma 当中它同样好用，最重要的是，它能够根据规则快速将所有的组件进行规范化的命名，且不会影响文本图层的内容，并且特别的快。Styler---如果你在进行新的设计项目的时候，不打算使用现成的 UI 工具包，那么就意味着你需要为自己的设计系统构建秩序良好的样式、命名规则，而 Styler 这个工具可以帮你搞定这部分体力活儿！Component Cloner---很多同学在使用 Figma 设计 UI 的过程中，会发现 Figma 的缺点之一，是没有快速克隆组件的功能，而这个名为 Component Cloner 的插件可以帮你搞定这件事情。Component Replacer---构建复杂的组件的时候，经常需要使用各种 UI 元素来替换它们，有了这个组件替换器，可以帮你更快完成这个过程。Stark---UI 组件的可访问性是一个重要的指标，Stark 是做 UI 可访问性优化和规范化的著名解决方案，如今它也有 Figma 版本，可以帮你确保 UI 的合理性和可访问性。Palette---如果你需要从零开始制定配色方案，有很多配色工具可以帮到你，但是最好用的，始终是 Palette 。Find and Replace---在复杂的设计系统当中，针对图层进行命名和修改是一个麻烦事儿，Find and Replace 可以帮你快速修改图层和相关的内容，非常好用。Iconify---这是一个包含大量图标和表情符的插件服务，其中的素材大都是可供编辑的格式，比如 SVG，可以直接复制相关代码应用到项目当中。Wireframe---这是一个快速绘制线框图的工具，它帮设计师更快完成线框图的绘制和调整，其中包含大量基础的组件与模块能够让设计师专注于更重要的事情，而不是重复基础的工作。Figmotion---Figmotion 是一个超强的动画效果设计工具，能够让设计师在 Figma 当中创造更加顺滑舒适的动效，它的运作机制类似于 AE。对于开发者而言，Figmotion 更容易管理。虽然上手可能没那么快，毕竟做动画还是稍微有点复杂的，但是总体上依然好用且便捷，特别出效果。作者： Thalion

Figma Config 2021 发布超多新功能！薅羊毛的时代过去了？
type: item
date: 2021-04-25T01:13:20+08:00
description: 2021 年全球设计师的年度盛会 Figma Config 刚刚在 4 月 21-22 日举办。这次大会上，Figma CEO Dylan 为设计师们带来了众多全新功能，一起来先睹为快。FigJam不得不说，Figma 命名很喜欢开头的三个字母，发布会叫 Config，文件后缀叫.fig，这次推出的 FigJam 是本次大会最亮眼的新功能。简单来说 FigJam 是一个在线创意画板，可以用画笔、便签、图标等多种工具同时多人记录各种想法，进行头脑风暴，非常适合前两天苹果发布的新 iPad 使用。另外也可以做项目流程图，产品经理们因此多了一个新的使用 Figma 的理由。有个点需要注意，FigJam 是 Figma 能够创建的另一种文件类型，在创建文件的时候会新增 FigJam File 的选项。FigJam 在 2022 年 2 月之前是免费的，但之后将分为免费版和付费版，付费版中每位编辑者每月大概 8 美元起。竟然还要单独付费，这个就看各位需求了，毕竟 Figma 本身付费版就不便宜。设计分支提起分支，开发同学很熟悉，就是 Git，把不同角色做的代码进行比较合并，进而提高开发效率。Figma 本身就是基于云端的设计软件，设计内容实际也都是代码，文件体积并不大，所以引入分支也是正常的。通过分支功能，我们的团队协作也会有更多新的玩法。不过，这次的设计分支在公司组织套餐中才有，免费用户和个人付费用户暂时用不到。全新 Figma APPFigma 之前一直有个配套的 APP 叫 Figma Mirror，但是只能用来预览设计稿，充其量仅仅是个辅助工具。现在设计师终于可以用到全新的 Figma APP 了。除了之前的 Mirror 预览功能之外，设计师还可以随时随地查看设计稿和 FigJam 项目，浏览自己的团队和文件，成为真正意义上的移动 Figma。目前 APP 正在测试中，官方在 iOS 和安卓两端分别放出了 10000 个名额，有兴趣的同学可以在本文底部找到对应链接进行申请使用。在线语音作为团队协作软件，Figma 目前做的足够好了，但如果加入语音实时沟通功能会是什么样呢？和前段时间大火的 Clubhouse 一样，Figma 即将推出的语音功能也将拉近每位成员的距离，提升更多设计效率。更多的协作用户目前 Figma 的多人协作是有人数上限的，现在更新后最高可以有 500 名用户同时编辑一个文件，大大增强了协作的能力，基本能涵盖大部分互联网团队。想象下几百个鼠标在同一屏幕内的场景…Tips：这里有个小技巧，如何隐藏其他人的鼠标：可以通过 View-Show Multiplayer Cursors 切换显示。毕竟自己在做图的时候，老板的鼠标一直在动，这种感觉大家都有体会……其他一个好消息。Figma 的社区将会全面开放，每个人都可以发布自己的作品。以后的设计师作品集和简历又有一个展示平台了。Tips：求职的时候，除了 PDF 格式作品集，一个另类的在线作品会是个加分项，因为它让你与众不同。一个坏消息。Figma 免费版策略从 4 月 21 号开始改变。原先可以建 3 个项目，每个项目可建无限个文件，每个文件无限页面，最多 2 位编辑者。现在只可以建 1 个项目，项目中最多 3 个文件，每个文件最多 3 个页面，但是可以有无限个编辑者。薅免费版羊毛的日子一去不复返，但是对于设计师所在公司来说，这些支出也是必要的。只有良好的商业环境才可以激发更多优秀工具的产出。如果自己本身就是个独立设计师，不想花钱扩容，最直接的办法就是多注册几个账号，因为前不久 Figma 更新的多账户功能可以省去账号切换的麻烦。最后以上就是本次 2021 Figma Config 的主要内容，更多细节和资料见下方~Config 2021 官方汇总https://www.figma.com/blog/coming-together-at-config-2021/FigJam 官网https://www.figma.com/figjam/内置语音申请https://docs.google.com/forms/d/e/1FAIpQLSfExhyCueAZXYmzfMG5U7weygOuV9WBJudx4naSNgSCiDyFAA/viewformBranch 分支申请https://t.co/MfASH5GW9W?amp=1Figma APP iOShttps://testflight.apple.com/join/CPAWjfzdFigma APP Androidhttps://play.google.com/apps/testing/com.figma.figma欢迎关注作者的微信公众号：「UI黑客」作者： UI黑客

设计干货！让你效率倍增的八款 Figma 插件
type: item
date: 2021-04-04T00:34:20+08:00
description: 2020 年突如其来的疫情，颠覆了我们以往的工作模式，Figma 因拥有强大的多人实时在线协作功能，借助了这一时机，深受设计师广泛欢迎，如今 Figma 有了很多辅助插件体系，下面我将罗列出最省时高效的八个插件。Mapsicle：地图制作网站链接：https://www.figma.com/community/plugin/736458162635847353/Mapsicle如果你的作品要用到地图，请不要再用地图截图了！Mapsicle 可以很好的将地理位置无缝衔接在您的作品中，还可以调整样式和缩放级别等，呈现更加完美的作品。Unsplash：图片库网站链接：https://www.figma.com/community/plugin/738454987945972471/Unsplash设计师日常工作需要用到很多素材，而好的素材往往需要版权且价格昂贵，Unsplash 是绝对不可错过的插件，它拥有着无版权免费的海量高质量图库，你可以直接调用素材到你的设计稿中。CoDesign：免注册查标注网站链接：https://www.figma.com/community/plugin/936456730265868414/CoDesign(beta)CoDesign 是腾讯自研的一站式设计协作平台，提供设计稿在线备份，免注册查看标注的功能，能够有效提升 Figma 本地化的存储和交付体验。拥有它让你无需注册 Figma 帐号，也能高效查看标注，还能直接将设计稿关联需求单，让需求推进更流畅。Material Design Icons：精美图标网站链接：https://www.figma.com/community/plugin/740272380439725040/Material-Design-Icons相信在设计师日常工作流程中都会用到图标或 logo 吧，Material Design Icons 不仅提供了大量各个类别的设计图标，还提供各种制作精美的符号，能帮助设计师顺利进行工作。Figmotion插件：动效设计网站链接：https://www.figma.com/community/plugin/733025261168520714/Figmotion在过去，制作动效原型的工作需要两个及以上的工具协作，而 Figmotion 作为一个动效设计插件，它能让加入的动画变得更简单和舒适，能完成一站式的动效设计，输出格式包括：Figma 内部预览、渲染为 gif/mp4/webM 格式、导出 CSS/JSON 代码格式。Viewports：适配尺寸网站链接：https://www.figma.com/community/plugin/732240841094697441/Viewports这款插件可选择各种屏幕尺寸，能让你的设计匹配于各个类型的设备，且能确保智能手机设计能在市场上占有合理的份额。A11y – Color Contrast Checker：色彩检查器网站链接：https://www.figma.com/community/plugin/733159460536249875/A11y—Color-Contrast-Checker这款插件会遵守 WCAG（Web 内容可访问性准则）的标准帮你检查色彩对比度，保障网页设计的可读性和可用性。Time Machine：自动备份网站链接：https://www.figma.com/community/plugin/734492262527930956/Time-Machine拥有它你将告别手动备份，它能自动帮你复制你想要保存的版本，发送到一个名为“时间机器”的页面，并会按照日期和时间，顺序显示你所保存的内容，让你的设计工作更加高效减负。希望这篇 Figma 插件专题推荐能给你帮助，让我们一起以最舒服的工作方式去开启 Figma 的创作之旅吧~原作者：优设@ 土拨鼠