本地图片
按图片名和文件夹名匹配 Figma 节点,并使用 #Hide 与 #ImageFit 规则。
本地图片功能无需预先把素材放入 Figma,通过文件名或文件夹名直接匹配目标节点。
单产品模式
选择一组本地图片,ProdFill 去掉扩展名后,用图片名匹配节点名并填充。
图片名:沙发01.jpg
矩形名:沙发01
匹配成功后,“沙发01.jpg”会填入名为“沙发01”的矩形。
多产品模式
选择多个产品文件夹的父目录。ProdFill 用文件夹名匹配 Frame 名,再用文件夹内的图片名匹配节点名。
#Hide(n) 缺图隐藏
#Hide(0):缺少同名图片时隐藏当前图片图层。#Hide(1):隐藏当前图层的父级。#Hide(2):隐藏当前图层上两级的父级。
#ImageFit 自动贴边适配
在节点名后添加 #ImageFit,ProdFill 会保持图片完整,并根据图片比例自动调整目标图层宽高。
目标图层:主图#ImageFit
本地文件:主图.png
- 横图填入方形节点:保持宽度并缩短高度。
- 竖图填入方形节点:保持高度并缩短宽度。
使用斜杠指定文件夹
需要把图片切换到对应产品文件夹时,可以在 Frame 产品名后添加斜杠路径:
懒人沙发/
懒人沙发/详情/
