Awesome AI Agents › Integration and Extensions

dannote/figma-use

⭐ 599 TypeScript repository created 2026-01-17

figma-use is a CLI that drives the Figma desktop application from a terminal, aimed at making design files writable by language model agents. The author notes that the official Figma MCP plugin can read files but cannot modify them, and this tool closes that gap by connecting to Figma over its remote debugging port, or through a named pipe daemon on versions where remote debugging is blocked, with no plugin installation required. Two interaction styles are offered. Imperative commands create and style one node at a time, setting width, height, fill, corner radius, layout direction, grid columns and spacing. Declarative mode accepts JSX on standard input or from files and renders a whole subtree at once, using elements such as Frame, Rectangle, Ellipse, Text, Line, Star, Polygon, Vector, Group, Icon and Image with a style object that mirrors familiar CSS-like properties. The rationale for both formats is token economy and model familiarity: CLI commands are compact to generate and chain across dozens of operations, while JSX matches how models already describe user interfaces from exposure to React code. Icons come from Iconify by name across roughly 150 thousand sets, inserted without downloading or cleanup, and images can be loaded from a URL. Files with a figma.tsx extension support defined components with variants and conditional logic, where the first call creates the master component and later calls create instances. Conversion also runs in reverse: any node can be exported back to typed JSX, optionally matching vector shapes to Iconify icons automatically, two nodes can be compared as a JSX diff, and components can be exported experimentally as Storybook stories with props typed from Figma component properties. It installs globally from npm or runs through npx.

https://github.com/dannote/figma-use

ai-agentsautomationclidesignfigmajsxdesign-toolingllm-tools