首页 注册 登录
V2EX = way to explore V2EX 是一个关于分享和探索的地方
现在注册 已注册用户请 登录
V2EX 设计

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

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

⚠️ 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 174 天前
路过支持一下,很棒的功能
sdads12
2
sdads12 108 天前 ❤️ 1
有没有可能搞复杂了。其实可以把图片绘制到纹理上面,绘制只二值图,然后用图像的腐蚀算法,在对边缘滤波。就能对图片描边。 这属于非常常见的功能,webgl 可以并行加速。
关于 · 帮助文档 · 自助推广系统 · 博客 · API · FAQ · Solana · 3362 人在线 最高记录 6679 · Select Language 创意工作者们的社区 World is powered by solitude VERSION: 3.9.8.5 · 20ms · UTC 04:44 · PVG 12:44 · LAX 20:44 · JFK 23:44
♥ Do have faith in what you're doing.

AltStyle によって変換されたページ (->オリジナル) /