Front page / By role / Design and research / Product designer / UI or visual designer
Design and research
UI or visual designer
Shapes how screens look: layout, type, color and the visual system behind them.
Under Product designer. Also under it: Content designer or UX writer
Workflows for this work
The job in 4 areas. Each part is a workflow: open it for its steps and the tools that do each one. Built from occupational data and the field's own body of knowledge; sources at the end.
UI or visual designer232 skill packs · 27 MCP servers · 12 pluginsEach part is a workflow. The number beside it is how many tools help with it
1Set the visual direction
Understand the brief and agree how the product should look.
2Design the interface
Set layout, type, color and every screen state.
3Build the design system
Turn styles and components into a shared library.
4Check and hand off
Check accessibility, review the work and give developers what they need.
Sources for this tree, 5
- Occupational dataGraphic designer: role description and skillsGovernment Digital Service (UK), Government Digital and Data Profession Capability Framework
- PractitionerDesign Systems 101 (Therese Fessenden)Nielsen Norman Group
- Practitioner5 Principles of Visual Design in UX (Kelley Gordon)Nielsen Norman Group
- Occupational dataWeb and Digital Interface Designers (15-1255.00), summary report: tasks and detailed work activitiesO*NET OnLine, U.S. Department of Labor
- StandardWCAG 2 OverviewW3C Web Accessibility Initiative
O*NET occupations consulted: 15-1255.00, 27-1024.00. Read on 2026-10-04.
Everything suggested for this role
Each pick says which of the role's tools or work it matched. Auto-listed means automated checks only.
Skill packs412
MCP servers47
Plugins and agents13
Sign in to see which tools these are. It is free.