Agent skill · software engineering · jeremylongshore
figma-local-dev-loop
Set up a local development workflow for Figma plugin and REST API projects.
Why this skill is useful
Adds specific project structures and scripts for Figma plugin development and REST API integration that the AI wouldn't reliably generate on its own.
What it needs
Requires node installed locally. Requires figma account access. About 3k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.
What this skill does
Figma Local Dev Loop Overview Set up fast local development for two workflows: building Figma plugins that run inside the Figma editor, and building external apps that consume the Figma REST API. Prerequisites Node.js 18+ with npm/pnpm FIGMAPAT configured (see figma-install-auth) Figma desktop app (for plugin development) Instructions Step 1: REST API Project Structure Step 2: Figma Plugin Project Structure manifest.json (required): Step 3: Plugin Development with Watch Mode Load the plugin in Figma: 1. Figma desktop > Plugins > Development > Import plugin from manifest 2. Select your manifest.json 3. Run with npm run watch -- changes auto-reload Step 4: REST API Dev Loop with Testing Step 5: Save API Fixtures for Offline Dev Output Working dev environment with hot reload Test suite with mocked Figma API responses Saved fixtures for offline development Plugin manifest configured for Figma desktop loading Error Handling Error Cause Solution ------- ------- ---------- Plugin not appearing in Figma Wrong manifest path Re-import from correct manifest.json figma global undefined Running outside Figma sandbox Use @figma/plugin-typings for types only Fixture stale File changed since snapshot Re-run fixture download script esbuild watch crash Syntax error in TS Fix error; watch auto-restarts Examples Quick Plugin Skeleton Resources Figma Plugin Development Guide Plugin API Reference @figma/plugin-typings Vitest Documentation Next Steps See figma-sdk-patterns for production-ready code patterns.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/figma-local-dev-loop--033d71