Portfolio built overnight with Claude

A designer can now spend three months polishing screens in Figma on Saturday and have a live portfolio on Sunday night, because Claude Code can read a project, edit files, run commands, and ship working code from plain-language prompts. Anthropic describes Claude Code as an “agentic” coding tool that works across a whole codebase instead of just suggesting single lines. (anthropic.com) (code.claude.com) That shift showed up this week in designer posts about turning static portfolio concepts into public sites almost overnight, with Claude Code doing the assembly work that usually drags on for days of front-end cleanup and deployment. The posts were part of a wider pattern of designers using artificial intelligence coding tools to get fresh work online while job hunting. (x.com 1) (x.com 2) The old bottleneck was never the mockup. Figma already made it easy to prototype polished pages, but moving from a canvas to a real site still meant writing layout code, fixing breakpoints, wiring navigation, and pushing the project to hosting. (figma.com) (vercel.com) Now the handoff is getting compressed into one loop. Figma says its Claude integration can connect design files and design tokens to Claude Code, while Anthropic says Claude Code can edit multiple files, use terminal tools, and handle larger project changes in one session. (claude.com 1) (claude.com 2) (code.claude.com) Figma also added a newer “code to canvas” workflow in 2026 that sends a live interface back into editable Figma layers. That means a designer can start in Figma, generate and refine a working site in code, then pull the result back into Figma for another round instead of treating design and code like two separate worlds. (figma.com) (builder.io) The economics are part of the story. Claude’s paid plans now include Claude Code, Figma still has a free Starter plan, and Vercel’s Hobby plan is free for personal projects, so the cost of getting a portfolio from draft to public link is often closer to software subscriptions than hiring a developer. (claude.com) (figma.com) (vercel.com) That does not make the portfolio automatic. Anthropic says Claude Code can make committed code and run tests, but the person still has to decide what work to feature, what story each case study tells, and what “finished” looks like on the page. (anthropic.com) (github.com) What changed is the last mile. A designer who already knows their own work no longer has to wait for a freelance developer, learn a web stack from scratch, or sit on polished mockups that never become a URL. (anthropic.com) (vercel.com) That is why these portfolio posts travel. They are not really about one personal site; they show that in 2026, the gap between “I designed this” and “you can click it right now” is getting small enough to fit into a single weekend. (x.com 1) (x.com 2)