8 min

Prototype in the codebase

What changes when the prototype and the product share components, and what it costs.

Note

For years I built prototypes in one tool and products in another, and spent a week translating between them. Now the prototype lives in the same repository as the product.

What changes

The prototype uses real components, so a fix to the prototype is a fix to the product. Testers see real data. Engineers see the idea in a form they can read.

What it costs

It is slower on day one. A sketch that takes an hour in a design tool takes a morning in code. The saving comes in week three, when nothing has to be rebuilt.

When not to

If the question is “which of these five directions”, draw. If the question is “does this work”, build.

Next

4 min

Booking from March 2027. Tell me what you are building and when it needs to exist.

hello@marenokafor.example

The moon in a dark blue sky

Start with a short email

Booking from March 2027. I reply within a day.

hello@marenokafor.example

Booking from March 2027. Tell me what you are building and when it needs to exist.

hello@marenokafor.example

The moon in a dark blue sky

Start with a short email

Booking from March 2027. I reply within a day.

hello@marenokafor.example

Maren Okafor, Lisbon. I design interfaces and write the code that ships them. Most of the work is in the hyphen.

2026

Maren Okafor, Lisbon. I design interfaces and write the code that ships them. Most of the work is in the hyphen.

2026

Design engineer in Lisbon. Booking from March 2027.

Elsewhere

Contact

Lisbon. Replies within a day.

© 2026 Maren Okafor

Hyphen, a Framer template by Ajoy

Create a free website with Framer, the website builder loved by startups, designers and agencies.