◆ Illustrator · layout

UI Mockup

Lay out a mobile-first UI mock on a phone-sized artboard so the PM can validate content hierarchy — set up a 375×812 a…

2heights
2tasks
1roles do it
See the prompt↓More layout workflows

The same job, four heights

do it · improve it · decide · become
AExecute — “help me do it”Lay out a mobile-first UI mock on a phone-sized artboard so the PM can validate content…+
Lay out a mobile-first UI mock on a phone-sized artboard so the PM can validate content hierarchy — set up a 375×812 artboard, use guides and a 4-column grid, place headline, body copy and primary CTA for testing.
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed.
BImprove — “do it better”Before the usability session, tighten the mobile mock so feedback focuses on hierarchy — make…+
Before the usability session, tighten the mobile mock so feedback focuses on hierarchy — make the CTA visible without scrolling, use realistic copy, annotate expected scrolling behaviour, and flag any cramped vertical spacing that would confuse testers.
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed.

The real tasks

1 of them
Quickly lay out a mobile-first UI mock so the PM can validate content hierarchy with users.

Who does this

1 roles
Web Designer

Questions people ask

honest answers

Because you rarely think 'I want the redaction tool'. You think 'I have to share this without leaking the client's details'. Start from the need, and the feature finds you.

Real. Every job here was drawn from what people in real roles were actually seen doing in Illustrator — not a feature checklist.

No. Each page gives you a ready prompt you can paste into an AI assistant, plus the plain steps to do it yourself. Start with either — the goal is the finished job, not the tool.