设计の诗

用2023年6月22日更新的Figma最新功能，实现按钮控制图层显隐的交互

根据JSON文件，在Figma中生成色标图例

不少人都遇到过Figma嵌套组件样式不能继承的问题，我自己在设计过程中也经常会遇到，所以写了一个在做嵌套组件过程中需要注意的问题，提醒自己，也希望对有过同样问题的小伙伴有帮助。

在做一个项目时，要根据气象预警的类型在地图上显示图标。所以需要先收集所有现有的气象预警的图标。在这个过程中，我发现一个重大的问题——全国气象预警信号的凌乱简直不忍直视！！！气象预警信号除了国家制定的基本的14类，还有各个地方自行设置的，加起来总共有48种。下图是我根据中国天气网的预警列表（左），按类型将所有预警列了出来（右）。可以看到，同一大类里面有很多相近的预警，比如寒潮预警、严寒预警、寒冷预警、低温预警、降温预警……或许是因为各地省市由于地理位置和气候条件的不同，国家的标准不适用于某些地方

在Scripter插件或浏览器控制台里输入以下代码：let af = figma.currentPage.findAll(n => { return n.type === "FRAME"})af.forEach(n => { let p = figma.createPage() p.appendChild(n)})以上代码来自@Mr. Biscuit

想要实现的效果方法一安装Hero-Patterns插件（安装地址：https://www.figma.com/community/plugin/743134103711120154/Hero-Patterns-for-Figma）缺点：生成的是位图，无法再次修改颜色方法二自己画一条斜线，然后用Pattern Hero这个插件生成斜线阵列，再放到蒙版里面方法三用虚线方式手动制作斜线阴影画一条横线，增加宽度设置虚线和间隔绘制一个封闭区域作为蒙版旋转角度...

1. 在Figma中安装Gitlab插件在Figma Community中搜索Gitlab插件，或直接打开插件地址，然后点击右上角的“Install”即可安装。2. 获取Token在用户设置>访问令牌页面，“名称”随意填写一个，“范围”里勾选“API”（如下图），然后点击“创建个人访问令牌”。在Figma中打开需要上传的Figma文件，在菜单中打开插件：Plugins→GitLab→Upload Designs to GitLab输入之前创建的个人访问令牌。3. 上传文件在Gitl

Figma自2012年创办于美国，2015年逐渐被国内设计行业知晓，虽然不如Adobe产品那样历史悠久，但其后来居上，国外和国内部分先进的设计团队，都已逐步将Figma作为主力设计工具。许多年前，人们对UI设计工具的认识还停留在Ps(Adobe Photoshop)的时代。不可否认，Ps确实是目前最牛逼的设计软件，但“牛逼”不代表“适合”。Ps更倾向于处理位图，而它的同胞兄弟Ai（Adobe Illustrator）虽可做矢量图形，但也仅适合做平面设计。对于UI设计来说，视觉层仅仅是表现形式，核心部分.

我们知道，可以打开Resource use显示资源的使用情况，包括整个项目中的图层数量和内存占用率。那么，有没有方法可以查看画板数量，或者说做了个多少张图？通过和群里大神的讨论，总结了以下几种方法。方法一：全选导出按cmd+A，全选中页面中的画板，然后按右下角的导出，即可显示所有画板数量。方法二：开发者工具在开发者工具的Console里输入以下代码：let i = 0figma.root.children.map(page => page.children.map(node

1. 介绍原作：lijxse 视频地址文字版整理：岩鸣杨子2. 快速拖拽调整数值按住option可在数值上拖拽调整，不按option时只能在X/Y/W/H/旋转/圆角等的图标上拖拽调整，不能调整透明度的数值。3. 属性粘贴复制shift+X：互换填充和描边选中图层的某个属性，然后cmd+C，则可复制这个图层特定的属性。选中图层的某个属性，然后cmd+V，则可粘贴到这个图层特定的属性上。4. 列表切换&快速搜索option+1：切换到Layersoption+2：切换到Asse.