Upgrade @figma/plugin-typings and absorb what the new version exposes. Diffs the .d.ts between the installed and the target version (that package ships no changelog), sorts the changes into breakage / new API / silently-added fields, maps each onto the sandbox handlers, the hand-written Zod mirrors in shared, and the…
Upgrade @modelcontextprotocol/server (the MCP TypeScript SDK v2) and prove the wire contract survived. The SDK is a runtime dependency whose breakage lands on the wire, not in the type checker — so this sorts each release by which SDK source files it touched (Figwright uses only the server + stdio slice of a…
Generate framework-aware code from a Figma design. Reads the project's stack profile and emits code matching the existing framework (React/Vue/Svelte/Next/etc.) and styling (Tailwind/CSS/CSS-in-JS), reusing existing components and design tokens instead of regenerating from scratch. Triggers whenever the user wants a…
Audit Figma designs for WCAG accessibility issues — color contrast, minimum font size, touch target sizing, and missing text alternatives. Use when asked to check accessibility, audit contrast ratios, find a11y issues, verify WCAG compliance, or review designs for accessibility problems. Scans nodes, analyzes offline…
Create presentation slides in Figma. Use when asked to create slides, a deck, a presentation, or a pitch in Figma. Builds 1920×1080 slide frames with title, body, key points, and visual references using standard slide layout patterns.
Create workflow diagrams, flowcharts, and process maps in Figma with shapes, arrows, and text. Use when asked to create a workflow, flowchart, process diagram, decision tree, or any node-and-edge diagram in Figma. Supports process boxes, decision diamonds, start/end pills, subprocess shapes, notes, swimlanes, and…
Use when reading or editing a Figma file through the figma-edit-mcp server — inspecting nodes; creating or modifying shapes, frames, text, styles, variables, components, instances, annotations, or prototype reactions; and recovering from the server's structured errors. Explains the plugin's hard constraints (scope…
This skill should be used when the user wants Claude Code to review a mobile app MVP, product concept, Figma design, feature list, App Store submission plan, or competitor-inspired app for App Store readiness, differentiation, thin-wrapper risk, and practical release scope.
This skill should be used when the user wants Claude Code to create, improve, audit, or structure mobile app interfaces in Figma using Figma MCP. It is best for iOS or Android MVP screens, onboarding, paywalls, home screens, practice flows, settings, empty states, design systems, and handoff-ready mobile UI.
This skill should be used when the user wants Claude Code to convert approved Figma mobile app screens into production-ready SwiftUI code, map Figma components to SwiftUI views, or implement iOS screens based on a Figma file using Figma MCP.
Design and generate a polished, layout-varied Figma Slides deck from a topic or outline using the slide-mcp plugin. Use when the user wants to create / build / generate a slide deck or presentation in Figma (e.g. "make a deck about X", "/slide-design "). Produces varied layouts (cover, content, charts, images, code…