todo-create-figma-mockup

To convert a PRD into a Figma mockup, this Skill transforms text-based product requirements into visual design specs, generating layout suggestions and component inventories directly within Figma.

Yes, you can generate Figma layouts and components from text descriptions by providing a brief, and the Skill outputs visual representations, interaction notes, and design tokens.

Yes, you need Figma API access to create mockups from product requirements, as the Skill relies on this integration to translate written specifications into visual design files.

The best way to translate design briefs into Figma files is using automated design translation, which parses your text specifications to produce initial visual mockups, layouts, and interaction notes.

Yes, this approach provides design tokens and interaction notes for Figma, automatically generating these specifications alongside layout suggestions when translating your product requirements.

Yes, you can use this for mobile UI mockups from written specifications by defining the layout parameter as mobile, allowing the Skill to generate appropriate visual representations for your design team.