Features

Pipeline combines AI-powered code generation with a professional development environment, making Figma automation accessible to everyone.

AI Features

Natural Language Input

Describe tasks in plain English. No need to know Figma API or code syntax.

Real-time Streaming

Watch AI write your automation live. See the code appear as it's generated.

Iterate Instantly

Not right? Edit your prompt and regenerate. AI remembers context from previous attempts.

Auto-fix Errors

If something breaks during execution, click "Fix with AI" — it analyzes the error and fixes the code automatically.

Version History

Every AI generation is saved as a new version. Switch between versions anytime, compare approaches.

Conversation Memory

AI remembers your conversation for smarter iterations. Context carries over as you refine your automation.

Core Features

AI Code Generation

Describe your automation task in plain English. AI generates working JavaScript code that uses the Figma API. No coding knowledge required.

How it works:

  • Type your request in the AI panel (e.g., "rename all frames with numbered prefix")
  • AI streams the code in real-time — watch it being written
  • Click Run to execute, or edit the prompt to refine

AI capabilities:

  • Generate new automations from scratch
  • Edit and improve existing code
  • Fix errors automatically (click "Fix with AI" when errors occur)
  • Remembers conversation context for smarter iterations

Monaco Code Editor

Full-featured code editor powered by Monaco (same as VS Code):

  • Syntax highlighting for JavaScript
  • Auto-completion and IntelliSense
  • Light and dark themes (matches your Figma theme)
  • Auto-save as you type

Version History

Every AI generation creates a new version of your workflow:

  • Switch between versions instantly (v1, v2, v3...)
  • Compare different approaches
  • Never lose previous iterations
  • Each version stores full AI conversation history

Console Panel

Real-time output during execution:

  • Color-coded log levels: log (default), info (blue), warn (yellow), error (red)
  • Expandable panel with clear button
  • Auto-opens when errors occur
  • "Fix with AI" button to automatically debug errors

Event Listeners

Create automations that react to Figma events:

figma.on('selectionchange', () => {
  console.log('Selection changed:', figma.currentPage.selection.length);
});

When event listeners are active, the workflow keeps running until you press Stop. A status message shows the number of active listeners.

Workflow Management

  • Create — New workflow or clone from template
  • Edit — Rename, modify code, switch versions
  • Run — Execute from list view or builder
  • Export/Import — Share workflows as JSON files
  • Delete — Remove workflows you no longer need