Lessons from building products in Framer.

Designing something and building something are two very different experiences.

A design file lets you control almost everything.

Real implementation doesn't.

Content changes.
Screens get smaller.
Components need to be reused.
Interactions need to behave consistently.

This is where building in Framer has changed the way I approach design.

Components change how you think

When a design becomes a component, it needs to work beyond the exact example you originally created.

Text might become longer.

An image might have a different ratio.

A button might need another state.

A section might need to work across multiple pages.

That forces you to think about the rules behind the design, not just the final appearance.

CMS content is unpredictable

A CMS is another good reality check.

You can design the perfect card with the perfect title and perfect image.

Then the actual content arrives.

The title is twice as long.

The image has a different ratio.

There are three categories instead of one.

Suddenly the component has to prove whether it was actually designed well.

Flexible design isn't about making everything generic.

It's about knowing where the system needs to adapt.

Responsiveness is part of design

A desktop layout can look perfect while hiding problems underneath.

What happens when the width disappears?

Does the hierarchy still work?

Does the interaction still make sense?

Does the content remain readable?

Responsive design isn't something I want to “fix” after the design is finished.

It should influence the design from the beginning.

Building changes the decisions

The biggest lesson has probably been that implementation isn't just the final step.

It's another part of the design process.

Sometimes building reveals that an interaction is unnecessary.

Sometimes a component needs to be simplified.

Sometimes the system needs to be more flexible.

And sometimes the simplest solution ends up being the strongest one.

Designing the interface tells you what something should look like. Building it teaches you how it actually needs to work.