ChromaKey Pro

# 🎬 ChromaKey ProAI Video → Production-Ready Assets. Chroma key, force seamless loop, time remap & transparent export — all inside Figma.## ✨ Highlights- 📦 **Dev-Ready Transparent Export** — WebM, APNG, WebP, Sprite Sheet, MP4, Frame Sequence. Hand off to engineering directly.- 🔄 **Force Seamless Loop** — AE dual-layer technique. Pixel-perfect looping from any AI-generated clip.- ⏱️ **Time Remap** — Speed control (0.1x–4x) + 6 timing curve presets. Fix AI video pacing instantly.- 🚫 **No-Key Mode** — Skip chroma keying. Use purely for looping, speed, trim & export.- 🌐 **Bilingual** — Full EN/中文 toggle.## 🛠️ Features🎯 **Chroma Key**: YCbCr keying · 7 presets (green/blue/red/black/none) · matte refine (feather, erode, clip, gamma) · spill suppression · color correction · real-time preview with compare view.

⏱️ **Time Remap**: Global speed 0.1x–4x · curves: Linear, Ease In/Out, Ease I/O, Slow-Fast-Slow, Fast-Slow-Fast · visual curve editor · intensity 10%–300%.🔄 **Force Seamless Loop**: Layer A + offset Layer B · B fades 0→100% with configurable easing · export range guarantees first frame = last frame · visual A/B timeline diagram.

📦 **Export**: Sprite Sheet (PNG) · APNG · WebP · WebM (VP9, alpha) · MP4 (H.

264) · ·Frame Sequence (ZIP) · gif. All with adjustable FPS, quality, scale.

✂️ **Video Tools**: Timeline with In/Out points · crop & resize · aspect lock · playback speed · cancel preview.## 🚀 Quick Start1. 📁 **Import** — Upload MP4/MOV2. 🟢 **Key** — Pick color preset, adjust tolerance3. 📦 **Export** — Enable loop/remap if needed, choose format, export🔄 **Seamless Loop**: Export tab → toggle on → set cycle duration & fade-in → preview → export.

⏱️ **Time Remap**: Export tab → toggle on → drag speed slider or pick curve → export.

🎥 **WebM → Figma Canvas**: Select Frame → Fill → + → Video → upload .webm file.## ⚠️ Notes- 🔄 Seamless loop needs source ≥ 2× loop cycle duration- 🚫 MP4 has no alpha — use WebM/APNG/WebP/Sprite for transparency- ⚡ Time Remap + Loop can stack- 🌐 Chrome recommended for best format support---# 🎬 ChromaKey ProAI 生成视频 → 生产级素材。抠色、强制循环、时间重映射、透明导出，全在 Figma 内完成。## ✨ 亮点- 📦 **直出研发可用格式** — WebM、APNG、WebP、雪碧图、MP4、序列帧，无需二次处理。- 🔄 **强制无缝循环** — AE 双图层错位法，任何 AI 视频片段都能像素级完美循环。- ⏱️ **时间重映射** — 0.1x–4x 变速 + 6 种缓动曲线，一键修复 AI 视频节奏。- 🚫 **免抠模式** — 跳过抠色，纯做循环、变速、裁剪、导出。- 🌐 **双语界面** — EN/中文 一键切换。## 🛠️ 功能🎯 **抠色引擎**：YCbCr 色度键控 · 7 种预设（绿/蓝/红/黑/无）· 遮罩精修（羽化、收缩、黑白截、Gamma）· 溢色抑制 · 颜色校正 · 实时对比预览。⏱️ **时间重映射**：全局变速 0.1x–4x · 曲线：线性、缓入/出、缓入缓出、慢快慢、快慢快 · 可视化编辑器 · 强度 10%–300%。🔄 **强制无缝循环**：A 层 + 偏移 B 层 · B 层 0→100% 透明度渐入 · 导出区间首帧=尾帧 · 可视化时间轴图示。📦 **导出**：雪碧图 · APNG · WebP · WebM（VP9 透明）· MP4（H.

264）· 序列帧 ZIP · gif。帧率/质量/缩放均可调。✂️ **视频工具**：时间轴入/出点 · 裁切缩放 · 宽高比锁定 · 播放变速 · 取消预览。## 🚀 快速上手1. 📁 **导入** — 上传 MP4/MOV2. 🟢 **抠色** — 选预设，调容差3. 📦 **导出** — 按需开启循环/变速，选格式，导出🔄 **无缝循环**：导出页 → 开启 → 设周期和渐入时长 → 预览 → 导出。⏱️ **时间重映射**：导出页 → 开启 → 拖速度条或选曲线 → 导出。🎥 **WebM 插入画布**：选 Frame → 填充 → + → Video → 上传 .webm。## ⚠️ 注意- 🔄 无缝循环需素材 ≥ 2 倍循环周期- 🚫 MP4 无透明通道，透明请用 WebM/APNG/WebP/雪碧图- ⚡ 变速和循环可叠加使用- 🌐 推荐 Chrome 浏览器