Integrations

Figma plugin

Generate SteadyShot scenes directly into a Figma frame. Pick a locked character from your account, type a scene prompt, and the resulting image lands as a fill on the selected frame.

Install

  1. Open Figma → Plugins → Browse plugins in Community → search SteadyShot → install. (Or load the local plugin from figma-plugin/manifest.json via Plugins → Development → Import from manifest.)
  2. First run prompts for your API key. Grab one at /api-keys and paste it in. Stored locally in Figma client storage; never leaves your machine except as a Bearer header on calls to steadyshot.ai.

Generate a scene

  1. Select a frame in Figma (or no selection — plugin places a new frame).
  2. Open the plugin. Pick a character from the dropdown.
  3. Type a scene prompt. Optionally override art style.
  4. Hit Generate. Image fills the selected frame ~30s later.

What it bills

Each generation costs 1 credit (same as the web app). Your balance pill in the plugin updates after each generation; the plugin nudges you to top up if you hit zero.

Use the plugin for design comps where you need the same character in multiple frames — pick the character once, regenerate per frame, and identity stays consistent across the whole file.

Build your own Figma integration

The plugin source ships in the SteadyShot repo at figma-plugin/. If you want to fork it (custom branding, internal-only distribution, opinionated workflow), the shape is small:

  • manifest.json — declares the plugin name + UI/code file entry points + network access for steadyshot.ai.
  • ui.html — the plugin’s panel UI (form for character selection + prompt + buttons). Talks to the SteadyShot API directly using fetch() with the user’s stored API key.
  • code.js — the sandboxed plugin code that runs inside Figma. Receives base64 image data from ui.html and places it as a frame fill via the Figma plugin API.

Auth model: the user pastes their SteadyShot API key on first run, it’s stored in figma.clientStorage (per-user, per-plugin). Every call hits steadyshot.ai/api/* with a Bearer header.

To load a forked plugin in development: Figma → Plugins → Development → Import plugin from manifest… → point at figma-plugin/manifest.json.

← Previous

Claude Desktop (MCP)

Next →

Photoshop plugin