Designers writing code used to mean dragging blocks around in Webflow. At Shopify, at least one product designer is now using Claude Code - Anthropic's terminal-based AI coding agent - as part of their daily design workflow.
A Shopify designer recently walked through their process in a video, demonstrating how they use Claude Code to move from design concepts to working prototypes. The approach fits a broader pattern at Shopify, which has been one of the most public adopters of Claude across its engineering and product teams. The company has said Claude Code has changed how they build internal tools, with employees using it to stand up functional projects faster than traditional development cycles allow.
What makes this notable is who is using it. Claude Code runs in a terminal and operates on actual codebases. It is not a drag-and-drop design tool. But designers with basic code literacy are finding it useful for turning Figma mockups into working front-end code, building quick prototypes for user testing, and iterating on UI components without waiting on engineering queues.
This mirrors a shift happening across the industry. Tools like Cursor and Claude Code are lowering the bar for non-engineers to produce functional code, which blurs the line between "designer" and "front-end developer" further than frameworks like Tailwind already did. For small teams especially, a designer who can ship a working prototype in an afternoon changes the math on hiring and project timelines.