figma-design-brief
OfficialTurn PRDs into a designer-ready Figma brief.
Authorspontus-reach
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It reduces the time and ambiguity between a product requirement and what a designer actually needs to build in Figma, ensuring teams align on goals, scope, flows, components, constraints, and measurable success criteria.
Core Features & Use Cases
- Structured design brief generation: Converts a feature request or PRD snippet into a clear brief with design due dates, goals, context, and success criteria.
- User flow and screen planning: Produces user flows with steps, entry/exit points, and edge cases, plus a screens table covering new vs update work.
- Implementation-ready design guidance: Specifies components needed (reuse vs create/extend), constraints (including accessibility guidance), and open questions with owners.
Quick Start
Ask the skill to create a Figma design brief for the feature using your PRD snippet, target platform, and the desired design timeline.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: figma-design-brief Download link: https://github.com/spontus-reach/spontus/archive/main.zip#figma-design-brief Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.