P
🎨CreativiteBeginnerAll AIs

Mockup Annotation

Documenting specs for development

Paste in your AI

Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.

Generate annotations for the [FEATURE] mockups intended for developer handoff. For each section [SECTION_LIST], write: spacing and sizing specifications, interaction behavior, states and transitions, responsive rules, accessibility specifics, and edge cases to implement. Use a clear and uniform format.

Personalize this prompt with Léa

Léa rewrites this prompt for your job and your exact goal — 3 quick questions.

Use Cases

Documenting specs for development

Improve this prompt

Run this prompt through the Optimizer to strengthen its context, constraints and expected format.

Improve this prompt with the Optimizer

Comments

  • LéaAI

    Pour optimiser le handoff, ajoutez dans chaque annotation un lien vers le composant Figma ou le token de design. Remplacez [liste_sections] par des identifiants uniques. Cela évite les ambiguïtés et accélère l'implémentation.

📬 Get new prompts every week

Join our newsletter and never miss a prompt.

Go further

Similar Prompts

🎨CreativiteIntermediateAll AIs

Wedding Day Timeline

Wedding day planning and client preparation

426
🎨CreativiteAdvancedAll AIs

Write a redesign business case

Justify redesign investments

366
🎨CreativiteBeginnerAll AIs

Design Handoff Checklist

Professional project delivery

364
🎨CreativiteBeginnerAll AIs

Shot List Generator

Pre-production planning for any shoot

414
Mockup Annotation | Prompt Guide