干货&技巧

我看了一下网站的搜索，也看到群里很多朋友再问，例如：“Figma本地字体安装了找不到”；“安装了Font install组件还是找不到安装的字体”或者再有的人说安装了，不知道字体叫什么名字，用不了。今天教大家一个方法，能够大致的判断你刚安装的字体在Figma中叫什么名字。 一.确认字体已安装，且重启Figma 为什么要提第一步呢？ 因为我看了太多的人，出现了两种问题： 1.浏览器端：用的浏览器去使…...

跟在ps里面创建渐变模糊非常简单一样，Figma中创建渐变模糊也是非常简单的！可看下面的教程和模糊前后对比。 对比 渐变模糊 原图 教程视频 创建渐变模糊 看完视频大概就知道，创建渐变模糊只需要注意下面三点 模糊区块的透明度 给模糊区块加上background blur属性 给模糊区块加上Layer blur属性 然后调整这三个属性的值就能大概得到想要的Figma渐变迷糊效果...

今天画图的时候，不知道怎么想的，下面这个的N个Frame按了自动布局（shift + a）然后就出现了下面的图右上角的新的布局。至于什么时候开始的这个新的自动布局我不知道，反正我今天试的时候才知道 而这个时候，新的自动布局左侧的图层的图标也变化了，如下图 接着我打开了开发模式，查看到了如下的css代码，发现采用的是display: flex; 而不是原来的 display: in…...

在Figma中，你可以很容易地连接两个端点，类似ps的里面的断点连接，仅仅需要使用快捷键就能解决端点连接问题！   快捷键 直接连接：⌘+ J (MacOS)                        Ctr + J (Win) 无缝连接：⌘+ Shift + J (MacOS)        Ctr + Shift + J (Win） 参考视频 具体可以看下面的视频：  …...

教程视频来自于小红书-鹿河与鸣Jonsa，认为有用的可以关注她的小红书。 教程主要讲的就是在Figma中合理应用3个插件，做出可视化立体饼图的原理，说是一分钟，还是得操作熟练之后，但是这是一个很快完成立体饼图的方法。 同理，也可以应用到可视化中的地图做厚度；立体柱状图等 1.视频地址 小红书的视屏地址不能直接引用，所有大家点一下下面这个链接吧 视屏地址：一分钟，Figma 实现立体饼图 (xiao…...

Figma 6月更新之后插件安装方式已经改变了，有很多朋友群里再问怎么现在怎么安装Figma插件呢？...

今天介绍的相当于一个汇总帖子，介绍的就是Figma中能实现的各种效果合集，感兴趣的朋友可以看看!...

Figma如何查看文件的内存占用情况？很多朋友因为文件内存占用过高的时候就想看下当前文件占用内存以及图层总数，如下图所示中的三项，三项数据从上到下分别如下： 图层总数文件内存占用文件流量网速（无用） 1.左上角Figma图标-view-Resource use 菜单中打开内存占用情况 2.利用搜索界面打开 搜索快捷键：ctrl+？然后输入框中输入Resource use在弹出的选项中，勾选Reso…...

最近在工作项目中完成了一次对产品视觉的统一升级，但是在整个过程中，我们发现，虽然组件库的搭建很完整，但是组件库的搭建并不是所有设计同学共同完成的，而是由1-2名设计师主导制作，再加上设计团队内新老成员交替，设计侧对规范执行并不严格，经常会出现不知道应该使用哪个色值、某些场景的按钮应该遵循哪个规范的情况。这些问题相信大家在日常工作中或者新入职的时候都遇到过。 再加上需要同时支持公司不同的业务线，新业…...

随着设计工具的不断发展，Figma逐渐成为各大公司的主流设计软件。Figma强大的组件库能力，非常适合团队设计系统的建设与应用。相比Sketch，Figma在Auto layout、变体和实例等方面极大的提升了组件库的设计灵活度和效率。...