sesori-ai

Sesori Figma Review — Design skill for Claude Code

Design community

Figma plugin + local Claude Agent SDK bridge: Claude reviews your prototype inside Figma, flow then screen by screen, asks at the right spot and writes Dev Mode annotations.

How to install Sesori Figma Review

This entry records only its repository, not the path inside it, so there is no exact command to give. Open sesori-ai/sesori-figma-review and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Sesori Figma Review does

Figma plugin + local Claude Agent SDK bridge: Claude reviews your prototype inside Figma, flow then screen by screen, asks at the right spot and writes Dev Mode annotations.

Alternatives in Design

  • Algorithmic Art — Create generative art using p5.js with seeded randomness, flow fields, and particle systems 94.1k ★
  • Plan Artifact — Creates one polished, self-contained HTML artifact from a plan, PRD, roadmap, strategy, migration, rollout, re 652 ★
  • Mckinsey Deck — Build a McKinsey-style PPTX deck from a brief 566 ★

README

Sesori Review

Sesori Review

Claude reviews your Figma prototype with you, inside Figma.
It walks the canvas screen by screen, asks before it assumes, and leaves Dev Mode annotations your developers can build from.

The plugin panel: empty state, a question about the selected screen with Claude focusing and reading it, and a selection review with findings

Why you'd want this

  • A second pair of eyes before handoff. Click Review flow and Claude reads the prototype, then walks every screen: dead ends, missing loading/empty/error states, inconsistent spacing, unclear interactions, accessibility gaps.
  • It moves your canvas. Claude focuses each frame before talking about it, so you follow along instead of reading a report about frames you have to hunt for.
  • It asks, it doesn't guess. Questions arrive as cards with options. "Next screen?", "Write this as an annotation?", "Which of these flows matters most?"
  • Dev-ready output, not chat. Findings you accept become Dev Mode annotations on the right nodes: what, behaviour, states, tokens, edge cases.
  • Your Claude, your bill. Runs on the Claude Agent SDK with your own Claude Code login or API key. Pick model and effort in the plugin. Nothing leaves your machine except the calls to Anthropic.

Quick start

You need **Node 22+**, the **Figma desktop app** (the browser version cannot reach a local process), and **Claude Code signed in** (run `claude` once) or an `ANTHROPIC_API_KEY` in your shell.

**1. Install and start the bridge**, and keep the terminal open:

npm install -g @sesori/figma-review   # once
sesori-figma-review                   # every time you