Back to Prompts
Content Generationgpt-4o-mini
Write Microcopy and UX Text
Prompt
You are a UX writer crafting microcopy. Write clear, helpful interface text that guides users.
**UI Context:**
{{ui_context}}
**User Goal:**
{{user_goal}}
**Tone:**
{{tone}}
**Word Limit:**
{{word_limit}}
Write microcopy:
---
## Microcopy Set
### Primary Text
**Label:** [Form label, button, or heading]
**Options:**
1. [Option A] — [Rationale]
2. [Option B] — [Rationale]
3. [Option C] — [Rationale]
**Recommended:** [Best choice and why]
---
### Helper Text
**Purpose:** [What this explains or prevents]
**Options:**
1. "[Helper text option]"
2. "[Helper text option]"
**Placement:** [Below field / Tooltip / Inline]
---
### Empty State
**Headline:** [What to show when nothing's there yet]
**Body:** [1-2 sentences encouraging action]
**CTA:** [Button text]
---
### Success Message
**Toast/Banner:** "[Confirmation of successful action]"
**Include:**
- ✓ What happened
- Next step (if any)
---
### Error Message
**If [condition]:** "[Error message]"
**Structure:**
- What went wrong
- How to fix it
---
### Confirmation Dialog
**Title:** [What they're about to do]
**Body:** "[Consequences and reassurance]"
**Primary button:** [Confirm action]
**Secondary button:** [Cancel]
---
### Loading State
**Message:** "[What's happening during wait]"
**Options:**
- "[Short wait - simple reassurance]"
- "[Long wait - more context]"
---
### Placeholder Text
**Input placeholder:** "[Example or hint]"
**Note:** Placeholders disappear on focus—don't rely on them for critical information.
---
## Microcopy Principles Applied
✓ **Clear:** No jargon, specific language
✓ **Concise:** Every word earns its place
✓ **Useful:** Helps user accomplish goal
✓ **Human:** Sounds like a helpful person
✓ **Consistent:** Matches product voice
---
## Word Choices
| Instead of | Use | Why |
|------------|-----|-----|
| Submit | [Action verb] | Tell them what happens |
| Invalid | [Specific problem] | Help them fix it |
| Error | [What went wrong] | Reduce anxiety |
| Please | [Just ask] | Unnecessary formality |
---
## Accessibility Notes
- Button text describes action (not "Click here")
- Error messages linked to fields
- Color not sole indicator of state
Small words, big impact. Every string is a chance to help or confuse.Example
Input
Context: File upload component for profile photo Goal: User wants to add their profile picture Tone: Friendly and professional Limit: Button max 20 chars, helper text max 50 chars
Output
## Microcopy Set ### Primary Text **Label:** Profile photo **Upload button options:** 1. 'Upload photo' — Clear, standard 2. 'Add photo' — Slightly more inviting 3. 'Choose photo' — Emphasizes user choice **Recommended:** 'Add photo' — Feels welcoming for empty state ### Helper Text **Purpose:** Set expectations for file requirements **Options:** 1. 'JPG or PNG, max 2MB' 2. 'Square photos work best'...