Ootto-AI

Claude Figma Stack — Design skill for Claude Code

Design community

Design in Figma, let Claude build the reel, post it & DM every lead — on autopilot.

How to install Claude Figma Stack

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

What Claude Figma Stack does

Design in Figma, let Claude build the reel, post it & DM every lead — on autopilot. The full stack (Figma↔Claude plugin + content skills + posting + cloud comment automation). Free + MIT.

Alternatives in Design

CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Kode Agent — Kode Agent — Design for post-human workflows 5k ★

README

Claude + Figma stack

Design in **Figma**, let **Claude** build the reel, post it, and reply to every lead — on autopilot.

This is the exact stack behind [@jayantcreates.ai](https://instagram.com/jayantcreates.ai): a faceless Instagram page where Claude finds what's working, builds the finished reel, posts it 3× a day, and DMs every commenter the resource. It's four pieces you can wire up in an afternoon — all free except your own Instagram + an AI posting key.

 Figma (design + Motion)  ──▶  Claude (reads design, writes the reel)  ──▶  Post 3×/day  ──▶  Reply + DM every lead
        plugin                     content skills                          Composio          this repo's GitHub Action

What you get

Piece	What it does	Cost
1. Figma ↔ Claude plugin	Claude reads your Figma file + design tokens and writes code / canvas. Figma Motion (shipped at Config 2026) gives you a real video timeline on the canvas.	Free
2. Content skills	Claude turns a viral reel into your own original — finds the format, writes the hook + script, builds the finished reel (voiceover, captions, animation).	Free
3. Posting	Publishes the reel to Instagram on a schedule (3× a day) via the Instagram Graph API.	Free API + your IG
4. Lead automation (this repo)	A GitHub Action watches your comments — every keyword match gets a public reply and a DM with the resource. Runs in the cloud, even with your laptop off.	Free

**Honest note:** Figma's own AI builds the Motion keyframes. Claude's job is design → code and the content loop (find → script → build → post → reply). Together they're a workflow, not magic.

Setup

1 — Connect Figma to Claude

claude plugin install figma@claude-plugins-official

Now Claude can read your Figma designs + tokens and write the code. Open Figma, try **Motion** (the new timeline on the canvas) to animate, then ask Claude to turn the frames int