Cheatcode_
Feedback

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

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.