/ux

UI / UX Design

Use Claude Design, Google Stitch, Figma, and critique loops to create practical UX/UI and graphic design work.

Overview

What this track proves.

UX

This track is for people who care about how products look, feel, explain themselves, and move from idea to polished design. You will practice UX/UI building with tools like Claude Design, Google Stitch, Figma, and AI-assisted critique while learning how to prompt for strong design directions, create graphic assets, collaborate with the team, and explain your choices.

Pace

5-8 hrs/week

Prerequisites

Figma or another design tool helps. A polished portfolio is not required.

Capstone

Choose one: FlyRank site redesign, small client project, or AI-assisted design system slice.

Review

Async critique on prompts, visual direction, screens, graphics, and rationale.

Good fit

This is for you if...

You want to use AI tools to move from prompt to layout, visual direction, and prototype.
You like visual hierarchy, graphic design, product critique, and clear interface copy.
You want to collaborate with a team and turn feedback into sharper design work.
Outcomes

What you can leave with.

The goal is proof of work, not passive course completion.

Create AI-assisted design directions and refine them into usable UI screens.
Use Figma or equivalent tools to produce high-fidelity layouts, components, and graphic assets.
Prompt AI design tools effectively, then critique and improve the output with human judgment.
Present design decisions clearly to teammates, including tradeoffs, constraints, and next steps.
Optional Anthropic courses when partner access allows. Read the FAQs. Your capstone remains the main credential proof.
Curriculum

The work, in order.

01

AI design prompting

Use Claude Design, Google Stitch, and similar tools to generate directions, then sharpen prompts for better results.

02

UX/UI composition

Build flows and screens with hierarchy, spacing, content structure, interaction states, and clear product logic.

03

Graphic design and polish

Create supporting visuals, section treatments, icon/image direction, and presentation-ready design assets.

04

Team critique and handoff

Work with feedback, explain decisions, and prepare designs so teammates can understand and build from them.

Capstone examples

The artifact can take a few shapes.

Choose one direction: redesign a focused part of the FlyRank site with before/after rationale and high-fidelity screens.
Choose one direction: complete a small client-style design project from brief to prototype and handoff notes.
Choose one direction: create an AI-assisted design system slice with components, graphics, and example pages.
Builder signal

What Builder-level work looks like.

Builder means you have presented a polished design artifact where AI helped generate, critique, or iterate the work and you can explain what changed because of your judgment.

Tool access

What you need to start.

The track is designed around accessible tools and clear alternatives. Use this as a practical setup check before applying.

ToolAccessAlternatives and caveats
Design workspace
Required

Figma free tier, Penpot, Canva, or high-fidelity slides if necessary

Figma is preferred for prototypes and handoff, but artifact quality matters more than the tool.

AI design tools
Required

Claude Design, Google Stitch, ChatGPT, Claude, or another AI design assistant

Show prompts and iterations so reviewers can see how you directed the tool.

Team feedback
Recommended

FigJam, comments in Figma, annotated screenshots, Docs, or a feedback notes file

Capture what changed after critique; the collaboration loop is part of the work.

Prototype review
Helpful

Figma prototype links, screenshots, Loom walkthrough, or annotated PDF

Use a format reviewers can open without paid access.

FigmaClaude DesignGoogle StitchClaude or ChatGPTFigJamGraphic design assetsDesign QA checklists