Design to Code
How better collaboration builds better products.
Article Collaborators: Alex Cho, Matt Katz, & Vivek Thakker
There is a lot of noise right now about AI replacing designers, generating production code from a Figma file, and shipping entire products with a single prompt. We work on this stuff every day. The reality on the ground looks different.
At Instrument, design-to-code is a better way of working. The teams that benefit most from it already know how to design, already know how to build, and now have a tighter loop between those practices than they had a year ago. The headline is collaboration. Automation is a side effect and AI is just an accelerator.
Fewer translation points
Every handoff loses something. A designer hands off a Figma file, an engineer interprets it into code that ships as an approximation, and the polish the team fought for in design review erodes a little at every step. Design-to-code lets ideas hold their fidelity from sketch to functional prototype. The closer design intent stays to working code, the less time anyone spends translating, explaining, or rebuilding what the team already decided. Fewer translation points means more of the original thinking survives.
More room for craft
This is the part people miss. Design-to-code rewards expertise. Experienced designers, engineers, and strategists get the most out of these tools because they know what good looks like and where to push. With less time spent on the mundane work of plumbing screens together, those teams have more room for the things that actually carry the experience: typography, motion, accessibility, performance, the small decisions that separate a competent product from a great one. The tools give craft more room to breathe.
The strategy underneath
Strategy does the work it has always done. Before anyone opens a Figma file or writes a line of code, someone is making decisions about flow, pacing, hierarchy, and the logic of the experience itself. Those decisions set the rules that design and engineering bring to life. Design-to-code tightens the connection between layers. Strategy gives the work its shape.
The studios that skip strategy on their way to a fast prototype usually land on a slick screen of nothing in particular. The studios that hold strategy at the center get prototypes that argue for something.
An evolution of how we work
Instrument has always been a collaboration-first studio. Design and engineering have shared rooms, whiteboards, and standups for years. The artifacts moving between them are now getting closer to a shared system. A designer can hand engineering something a model can extend into working code with high fidelity. Engineering can return changes to that same system while keeping the design intent intact. The tools are an enabler. The team is the differentiator.
This only works because of how the work is set up. File hygiene matters. Design tokens matter. Cross-functional training matters. The teams getting the most out of design-to-code are the ones who have been investing in those disciplines for years.

Where it pays off
Design-to-code is at its best in early-stage work. Prototypes, proofs of concept, internal alignment artifacts, the messy middle where teams need to feel a thing to know if it is right. It gets a high-fidelity prototype in front of a decision-maker in days instead of weeks. The feedback that follows is sharper because everyone is reacting to a real thing.
Production is a different conversation. As work moves toward launch, teams still scale appropriately. Senior engineers own the architecture. QA earns its keep. The systems that carry an idea from prototype into a real product still demand real craft. Design-to-code gives the team a richer starting point and a tighter way of working together along the way.
Where we land
The honest version of this story is the more interesting one. Design-to-code lets us get closer to the work, faster, with the people we actually need in the room. It preserves fidelity, frees up time for craft, and tightens the loop between strategy, design, and engineering. It isn't a one-size-fits-all solution, and knowing when and how to apply these tools is as important as the tools themselves. The goal is to support creative vision, not constrain it. The tools will keep changing. The way we work is what holds it together.
Interested in learning more?Get in touch



