By Johnny Chan · UI/UX Designer, Hong Kong
Claude Code in 2026: What Designers Need to Know
VS Code support, checkpoints, Sonnet 4.5, and skills. What changed in Anthropic's coding agent and how it affects design review on real repos.

Claude Code is no longer a terminal side project. Anthropic positions it as an agent that reads repos, edits across files, runs tests, and connects to tools through MCP. For designers on Hong Kong product teams, the shift is not “become an engineer.” It is shorter loops, more PRs, and more need for clear specs agents can follow.
What landed recently
- VS Code extension (beta) with inline diffs and a dedicated agent sidebar.
- Checkpoints before edits, with rewind via Esc twice or /rewind.
- Sonnet 4.5 for longer multi-step implementation work.
- Skills: packaged workflows (often SKILL.md) invoked when relevant.
- Subagents and agent teams for parallel work on large codebases.
Why this changes your week
Implementation speed goes up. So does the volume of UI that never sat in a formal critique. Tokens, component names, and state notes in CLAUDE.md or shared harness docs matter more than another hero mockup alone.
Treat Claude Code like a fast junior implementer: useful output, still needs design QA before merge.
Collaboration habits that scale
- Keep Figma as visual source of truth. Flag when agent output drifts from variables.
- Review empty, loading, error, and focus states on every agent PR.
- Normalize checkpoint and rewind so engineers experiment without fear of breaking the branch.
Verify before you standardize
Anthropic's Claude Code docs change often. Confirm autonomy settings, model defaults, and enterprise controls before you bake them into team policy.
Let's work together
Open to UI/UX projects, collaborations, and product design support in Hong Kong and remotely.
Let's Connect