📖 Step 2: Design - UI/UX Basics#32 / 291

Mockup

Mockup

📖One-line summary

A high-fidelity mock with the final visual design applied.

Example

Vibe coding prompt examples

>_

Build a Figma-style mobile login mockup as a React component. Apply real-design touches like shadows, rounded corners, and color.

>_

Build a high-fidelity mockup for a SaaS dashboard. Make a screen that feels like a real product, with charts, stat cards, and a recent activity list.

>_

Apply feedback from the mockup review. Reduce header height, change CTA button color from blue to green, and change font size from 14px to 16px.

Try these prompts in your AI coding assistant!