Some error occured while loading the Quick View. Please close the Quick View and try reloading the page.
When designers work directly in code, they expand their roles and have more impact on the product. AI and modern tools make this shift more accessible. Product Design Engineering provides a step-by-step path to shipping frontend work. It begins with small updates and moves toward larger features, whether you are starting from scratch or ready to take on more.
Who Should Read This Book
This book is written for people who want to take a more direct role in building and shipping the products they design by writing their own code. Specifically, it applies to product designers and design leaders, who want to have more control of their product by writing the code that was previously assigned to someone else. The book is also useful for product managers, engineers, researchers, and other collaborators who want to change the way they work on a team.
Takeaways
- Learn how working in code can expand your role as a designer and increase your impact on the product.
- See how AI and modern tools make this shift to doing your own code more accessible.
- Explore the tools, terms, and practices that help you understand a real codebase and turn your design into a working product.
- Carry your own work into the codebase, avoiding long waits and possible friction if someone else takes over the code.
- Learn how to run code locally; make updates to it; test, debug, and interpret code; and finally ship your code.
- Create an engineering workflow that is broken into smaller more manageable steps.
- Practice with hands-on exercises throughout the book that explain the process.
- Find a logical way to introduce this way of working into your company, learning how to build support, choose where to start, decide how much should (or should not) be in code, and keep research and craft at the center.
“Better products, delivered faster, by more efficient teams?! Sign me up! David Eisner’s Product Design Engineering for Designers makes it clear and simple how to get these benefits. A must-have resource.”
—Jared Spool
Maker of Awesomeness, Center Centre
“The clearest case I've seen for why AI-assisted coding isn't a shortcut for designers—it's how design finally owns its own output.”
—Jesse Kulp
Human Interface Designer, Apple
“Moving from creating static designs to actual, working code used to feel like a huge hurdle for a lot of designers, but this guide makes it feel totally doable. It breaks everything down into simple, step-by-step flows, showing you how to leverage AI in prompt-driven development and debugging without getting overwhelmed. Nobody expects you to become a full-stack engineer overnight, but if you’re looking to take the first steps, this book gives you a solid blueprint to dive in and start pushing those PRs!”
—Doug Hungarter
Design Lead at Google
“This is the book I wish I'd had when I was a product designer looking to become more involved in the product development process. David provides a practical, approachable guide that helps designers build the confidence to contribute directly to production code without feeling overwhelmed. It's a valuable resource for anyone looking to bridge the gap between design and engineering.”
—Adekunle Oduye
Independent UX Engineer
“I have taught thousands of designers navigating the shift that AI is creating in our industry, and one of the biggest changes I see is the move from designer to builder. But building is not the same as prototyping. The real transition happens when your work has to live in an actual codebase, pass tests and code review, and earn the trust of the engineers who own the repo. David’s book takes designers into that part of the journey. For any designer who wants to go beyond prototypes and become someone who can truly build and ship, this is the book I would start with.”
—Rupa Chaturvedi
Founder, Human Centered AI Institute
“Essential reading for product designers ready to step outside the design tool and work directly with their medium.”
—Donnie D'Amato
UX Architect and Author of Mise en Mode
“The clearest guide I've seen for designers ready to close the gap between what we design and what actually ships. Eisner makes a compelling case that AI hasn't made design less important; it's made design’s reach bigger than ever.”
—Neha Pahwa
Senior Director, Design & Research, Thomson Reuters
“The definitive guide for shipping design in code. Practical, fun, and relevant at every stage of design-to-code maturity. The book every design team needs to build skills, confidence and processes for shipping design in code—whatever your starting point is.”
—Melanie Dreser
Senior Director Product Design, Celonis