workflow⁽²⁰⁾

Framer plugin that imports HTML or JSX from Claude, v0, Wonder, Pencil, and other AI tools as editable native frames, stacks, grids, text, and images instead of embeds or code components.

Open-source visual editor that wraps a running web app in a Figma-like canvas, maps selected elements to source files, and lets Codex, Claude Code, or OpenCode apply reviewable edits.

Automator is a powerful Figma plugin that lets you run sequences of automated actions on your designs — batch rename layers, apply styles, swap instances, and clean up files. Essential for maintaining large design files and enforcing consistency at scale.

Practical playbook for running a design-system contribution workflow. Covers RFCs, communication rituals, reusable templates, phased adoption, and the maintenance work that keeps the system healthy.

Figma's resource library on AI in product design: multi-agent workflows chaining research → wireframing → UI agents, cutting research cycles by 10x. Covers how to leverage AI tools throughout the design process.

How to use Figma MCP with Cursor to build an AI-powered design system — shifts designer role from maker to director, freeing engineering bandwidth while keeping design on-brand.

Node-based creative canvas for combining AI image, video, 3D, and editing models into repeatable workflows. Its Figma node keeps brand frames synced for campaign variants and localized assets.

Made by Loop creates After Effects scripts and resources for motion designers, with tools focused on streamlining common animation tasks. Their products help automate tedious parts of the motion design workflow so you can focus on creative work.

Native macOS canvas for running multiple coding agents in spatial terminal nodes. Connect agents, assign reusable roles, draw diagrams, capture notes, and isolate work in APFS-backed floors.

Motion 4 by Mt. Mograph is the essential workflow tool for After Effects motion designers — providing an intuitive panel for easing curves, anchor point control, and animation utilities. It makes the mechanical parts of animation faster so you can focus on timing and feel.

AutoFill by Plugin Everything is an After Effects script that instantly fills shape layers, text, and compositions with dynamic content — random colors, images, gradients, and more. It speeds up motion design workflows by eliminating repetitive manual layer setup.

Overlord by Battle Axe creates a seamless bridge between Illustrator and After Effects — push and pull shapes between apps with layers, colors, and anchor points intact. It eliminates the painful import/export cycle that motion designers deal with constantly.

Native Mac utility for batch-converting and compressing images, video, audio, RAW files, and PDFs locally. Includes presets, watched folders, clipboard optimization, and Finder actions.

Local Framer project audit that finds layer-heavy pages and components, hidden and unused layers, and repeated instances, with configurable thresholds and direct links to each finding.

AI site-planning workspace that turns a brief into a sitemap, wireframes, and a style guide. Its 1,000+ component library exports to Figma, Webflow, React, and Claude Design.

Structured workflow for AI coding: Research, Innovate, Plan, Execute, Review. Saves hours of debugging by enforcing a methodical approach.

Framer plugin for reviewing unpublished changes, checking the active branch and target, creating safety branches, publishing previews, surfacing deployment issues, and copying release notes.

Skew by Goodboy Ninja is an After Effects plugin that makes batch-adjusting layer properties incredibly easy — skew timing, transform values, and effects across multiple layers simultaneously. A time-saver for complex compositions with many animated elements.

Figma2Framer provides a component library that works seamlessly across both Figma and Framer, ensuring design consistency from mockup to published site. It bridges the gap between designing in Figma and building in Framer with matched components.

Kanban for agentic workflows