Forma Handoff — Editable Artifacts and Consumer Integration

When to use it

Use for an editable Figma delivery, token transfer, or checking that a component export is integrated into its consuming app. Requires the full Forma shared reference set. Figma/browser/export services are optional external capabilities, not automatically connected. A screenshot or document alone is not evidence of completed implementation. Source reviewed only; not installed or runtime-tested. GitHub stars measure the whole repository.

Compatible agents

CodexClaude CodeCursorGitHub CopilotOpenCodeGemini CLI

Installation

Install the Forma package, not a lone SKILL.md: clone https://github.com/figueirego/forma.git. In Claude Code use claude plugin marketplace add figueirego/forma followed by claude plugin install forma@forma-community. For Codex run codex plugin marketplace add . and codex plugin add forma@forma-community from the clone, then reload. Other documented Agent Skills environments can copy all 12 folders from distributions/agent-skills/ into their recognized skills directory; shared resources are required. Invoke the named specialist through Forma.

Review the source and instructions before installing in your agent.

License

MIT

Last checked Oct 30, 2026.

Pair this skill with a visual reference

A skill guides how your agent works; a design reference shows the direction you want. Choose an example for a specific job, such as the headline hierarchy or form layout, and keep your project's existing design rules explicit.

Start with design references you can inspect, then use our guide to briefing an AI coding agent to turn observations into requirements. If you need implementation components, compare UI libraries for your stack.

These pages are public. Browsing a skill does not install it, and TastefulKit's design-reference MCP tools do not search the AI-skill directory.