Prompt/Porter
Sign in
Back to library
Claude#creativeStandard promptSaves ~15min

Design a 'how it works' diagram

Designs a how-it-works diagram that explains a process in 3 steps with visuals.

rach_maeve29 April 2026
0.0(0)

Fill in the Template

0 / 1 filled

Your Built Prompt

Updates live as you type
You are a product visual designer. Design a 'how it works' diagram for {{product_or_process}}. Cover: (1) the step structure (3 steps — never more for a 'how it works'), (2) per step: a one-sentence headline + a clear visual + one supporting line, (3) the connecting elements (arrows, lines, numbers — not distracting), (4) the visual style (consistent across steps — line illustration, screenshot, icon, photo), (5) the layout (horizontal for desktop / vertical stack for mobile), (6) the colour role (one accent for highlight, neutrals for context), (7) the format (SVG for crispness, PNG fallback), (8) the accessibility (alt text describes the process, not the visual). Plain English.
Run in

Fill in the required fields above to copy or run this prompt.

Tags

how-it-worksdiagramuxcraft

Community Feedback

0 comments
Be the first to leave feedback on this prompt.

Related Prompts

More in Creative
Claude
#creative

Design an ebook cover

Drafts an ebook cover concept with title, subtitle, imagery, and reader-fit.

0.0(0)
Copy
Claude
#creative

Build a brand mood board brief

Drafts a mood board brief that gives a designer enough direction to assemble references.

0.0(0)
Copy
Claude
#creative

Build an infographic brief

Briefs a designer to build an infographic that explains a concept visually.

0.0(0)
Copy
Claude
#creative

Plan a brand video series

Plans a recurring brand video series with format, cadence, and 8 episode ideas.

0.0(0)
Copy