# Vcr Figma Workflow > Convert Figma + prompt context into VCR-compatible outputs using the `figma-vcr-workflow` binary and VCR validation/render commands. Use when translating design intent into deterministic VCR scenes for preview/build pipelines. Use when this capability is needed. - Skill: `tomevault-io/vcr-figma-workflow` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/vcr-figma-workflow` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/vcr-figma-workflow/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Design & Media - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/vcr-figma-workflow --- # VCR Figma Workflow Translate design intent into deterministic VCR artifacts through the workflow binary. ## Workflow 1. Build required binaries: - `cargo build --release --bin vcr --bin figma-vcr-workflow` 2. Run Figma-to-VCR workflow with project-specific inputs. 3. Validate generated scene: - `./target/release/vcr check .vcr` 4. Generate first-frame verification: - `./target/release/vcr render-frame .vcr --frame 0 -o renders/figma_f0.png` 5. Build final output: - `./target/release/vcr build .vcr -o renders/figma_output.mov` ## Guardrails - Keep generated manifests editable and re-validatable via `vcr check`. - Preserve deterministic settings (`seed`, typed params) when refining generated scenes. - Avoid introducing non-portable absolute asset paths. ## Success Criteria - Generated manifest validates cleanly. - Preview frame visually matches intended composition. - Final output is produced with deterministic settings captured in metadata/inputs. ## Failure Handling - Workflow generation issue: inspect workflow input assumptions and rerun with reduced scope. - Validation errors in generated manifest: patch manifest, then re-run `check`. - Visual mismatch: iterate on prompt/context and repeat frame-level verification before full build. --- > Converted and distributed by [TomeVault](https://tomevault.io/claim/coltonbatts) — claim your Tome and manage your conversions.