Figma Design Brief Skill

Converts a product requirement or feature request into a structured design brief — everything a designer needs to open Figma and start building confidently.

Required Inputs

• Feature or requirement (paste PRD snippet, ticket, or describe the feature)
• User goal (what is the user trying to accomplish?)
• Platform (iOS / Android / Web / Responsive / All)
• Existing components available (optional)
• Timeline (when does design need to be ready?)

Programmatic Helper

Contrast ratios cannot be eyeballed. The AA line sits at 4.5:1, and #777777 on white is 4.478 (fails) while #767676 is 4.54 (passes) — no amount of looking at a screenshot separates those. Compute them: