◆ Photoshop · export

Align Icons For Nav

Produce pixel‑perfect icons and align them into a navigation mock: create icons as smart objects, ensure consistent gr…

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

The same job, four heights

do it · improve it · decide · become
AExecute — “help me do it”Produce pixel‑perfect icons and align them into a navigation mock: create icons as smart…+
Produce pixel‑perfect icons and align them into a navigation mock: create icons as smart objects, ensure consistent grid and spacing, align into the nav frame to developer specs, and export [svgs] and a layered [psd] for handoff.
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed.
BImprove — “do it better”Before I deliver to engineering, remove ambiguity: confirm icon grid, stroke weight, and…+
Before I deliver to engineering, remove ambiguity: confirm icon grid, stroke weight, and [snap=24px/32px] pixel snapping, provide an annotated [psd] with exact spacing values and export settings, and include a zipped folder of optimized [svgs] named for each nav item so developers can code directly.
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
Produce a set of pixel-perfect icons and align them into a navigation mock so developers can code exactly what was designed.

Who does this

1 roles
UX / 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 Photoshop — 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.