AI + Figma,导出带「透明通...

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名
49 0 0 2026-05-21

插件ChromaKey Pro。AI + Figma,导出带「透明通道」动画文件交付研发,支持各种动画文件,如雪碧图动画,webm,webp,APNG还有序列帧

AI生成绿幕视频后,直接在figma或网页里,导出研发可直接使用的动画文件。能不能行,现在可以了,插件叫 **ChromaKey Pro**。非常的简单易上手,真的做到了有手就会。

核心功能就几个:

**抠绿幕**:选个预设颜色,调一下容差,基本上一键搞定。支持绿、蓝、红、黑幕,还有一个"无"模式,就是不抠色,纯用来处理循环和导出。

**强制无缝循环**:这个是我觉得最实用的功能。AI 生成的视频很少能自然循环,这个功能用的是 AE 里那个双图层错位的思路,A 层正常播,B 层偏移一个周期,做一个渐入,导出的首尾帧强制一致,播起来完全看不出接缝。

**时间重映射**:有时候 AI 生成的动画节奏不对,太快或者太慢,或者想做个慢动作效果。这里可以直接调速度,0.1x 到 4x,还有几种缓动曲线可以选,改起来比在 AE 里操作快多了。

**导出格式**:WebM(带透明通道)、APNG、WebP、PNG 雪碧图、MP4、序列帧 ZIP,基本上研发需要什么格式直接给什么格式,不用再转换。


整个流程大概是这样:

  1. 把AI的生成的带绿幕的视频拖进来

  2. 切到抠色页面,选绿幕预设,微调一下容差

  3. 如果需要循环,切到导出页面开启无缝循环,设个周期

  4. 选格式,点导出

基本上1分钟** 搞定一个素材,不用开 AE,不用预渲染,直接在 Figma 里完成,顺手就导出了。

对于要经常处理 AI 生成素材、交付研发的设计师来说,这个效率提升还是挺明显的。


同时,也做了一个网页版

因为有些朋友不用 Figma,或者想在公司电脑上临时用一下,我也做了一个独立的网页版,功能跟 Figma 插件一样。网页版地址:https://chromakey-8ko.pages.dev/

不需要安装任何东西,打开就能用,有 24 小时免费试用,可以完整体验所有功能。


在哪里找到这个插件

**Figma 插件**:打开figma,plugins -> manage plugins,搜索chromakey pro,直接运行,有 3 天免费试用期,试用期内功能完整不限制。


**网页版**:https://chromakey-8ko.pages.dev/,24 小时试用,3 次完整导出。


如果你也在做 AI 生成视频相关的工作,或者经常需要处理绿幕素材、交付研发透明格式的动画,可以试试看,应该能省不少时间。

有问题欢迎留言,或者发邮件:ghhang8@163.com


**关键词**:#绿幕视频、#抠像、#Figma插件、#Figma、#绿幕抠像、#无缝循环、#loop animation、#WebM、#WebP、#APNG、#设计师工具、#AE替代、#动画导出、#研发交付、#序列帧、#雪碧图、#透明背景视频


Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票