做了一个给图片添加矢量描边的 Figma 插件 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
fenx
V2EX    设计

做了一个给图片添加矢量描边的 Figma 插件

  •  
  •   fenx 142 天前 1799 次点击
    这是一个创建于 142 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Vibe Coding 警告

    众所周知 Figma 中是不能给透明背景的图片直接按照轮廓添加矢量描边的。所以做了这么一个插件。

    插件址

    banner

    其实算是重写了,第一版的算法是自己和 Claude 3.5 琢磨的,速度有点慢,输入参数也很复杂,详见这篇文章

    时隔五个月,Figma Config 一众新功能依然没有取代这个插件,所以配合 Gemini 2.5 Pro ,以及 @liajoy 的算法思路重写了插件。描边速度生成得更快,用起来更不复杂,顺便换了全新的界面。

    liajoy 佬的算法最终是在 canvas 生成的描边,效果已经很不错。Figma 插件这边的难点依然在于,如何连接生成的锚点,在一些比较复杂的多图像透明 png (且各图像距离较近),算法就会暴露出很多不完善的地方(比如到处飞线),但是感觉再研究下去有点触发边际效应花费大量时间不如手动改下锚点。

    新旧界面对比

    2 条回复    2025-09-23 10:21:25 +08:00
    tank
        1
    tank  
       84 天前
    路过支持一下,很棒的功能
    sdads12
        2
    sdads12  
       17 天前   1
    有没有可能搞复杂了。其实可以把图片绘制到纹理上面,绘制只二值图,然后用图像的腐蚀算法,在对边缘滤波。就能对图片描边。 这属于非常常见的功能,webgl 可以并行加速。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3454 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 00:42 PVG 08:42 LAX 17:42 JFK 20:42
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86