I design with Claude more than Figma now — Jane Street designer workflow

Edwin Morris, a designer at Jane Street, describes how Claude Code has largely replaced Figma in his design workflow. Instead of spec docs, Figma mockups, and proposal reviews, he now builds prototype features directly in the codebase using Claude Code. The workflow: write a problem description and proposal → open editor with Claude → prompt with the description → get a working prototype → iterate → push to dev environment → get user feedback → submit a feature (PR).
Key quote: “A prototype feature in the actual codebase has felt better in almost every way compared to mockups and docs.” Morris reports that Claude Code gives “free, unlimited iteration” — he refined a Submit button, added keyboard shortcuts, tweaked copy, adjusted prompts, and added confirmation messages. These workflow improvements “would have taken days or weeks of engineering and design back-and-forth” at his previous job.
The switch happened gradually. When he joined Jane Street in summer 2025, he used AI only for small UX papercut fixes. For bigger ideas, he still used Figma and docs. But “in the past 2 months the situations where I’ve reached for Figma have fallen off a cliff.” He now uses Claude for bigger work: “a half dozen other prototypes that make user-facing, data model, and library changes, including some that are 2000+ line diffs.” For some new apps, he even skips Figma entirely, “iterating on the visual design from the beginning with Claude.”
The one downside: reviewers receive a fully baked feature instead of a mockup, which can reduce design input. The team’s solution: write a reminder in the description that “prototypes are living proposal docs, the code is disposable, and a reviewer’s job is to give feedback about the design and user experience.” The reviewer eventually takes over the idea and implements production code in a separate feature.
📖 Read the full source: HN AI Agents
👀 See Also

Claude Code Plan Mode Reduces Redo Rate from 40% to Near Zero
A developer tracked 30+ coding sessions with Claude Code and found that skipping Plan Mode resulted in redoing tasks from scratch 40% of the time. With Plan Mode, the redo rate dropped to basically zero, with one feature taking 17 minutes total versus 35+ minutes without planning.

MCP Context Bloat: Real Costs and a Practical Fix for Claude Code Users
Running 9 MCP servers in Claude Code leads to 38k token cold starts, ~$700/month in tool definition overhead, and degraded model performance. A gateway pattern with BM25 ranking cuts context to 4k.

Agents Room: Desktop App for Visualizing Claude Code Agent Teams
Agents Room is an Electron desktop application that scans for .claude/agents/ folders, reads frontmatter, and visualizes agent relationships on a canvas with automatic connection lines. It allows creating/editing agents, skills, and commands directly in the UI instead of editing markdown files.

Reseed CLI: Extract Design Systems from Any Site for Claude Code and Cursor
Reseed is a CLI that extracts design tokens (colors, spacing, type scale, radii) from any website and generates a tailwind.config.ts, design-system.md, and reference HTML for Claude Code and Cursor to use.