Steal Like an Artist

I recently figured out how to reverse engineer Framer components, templates, and even icons for my personal use. I find that quite fascinating.

There is something exciting about seeing a thing on the web and realizing you can work your way back through it. You can study how it behaves, understand how its pieces fit together, and figure out how to get it or recreate it yourself.

Suddenly, the distance between seeing something interesting and being able to work with it feels much smaller.

That is the discovery I have been sitting with lately.

Looking past the finished thing

A finished website gives you a very convenient view of the work. Everything is already in place. The layout holds together, the interactions respond, and the icons feel like they belong. You get to experience the result without seeing all the decisions underneath it.

Reverse engineering invites you to look closer.

A component becomes a collection of choices: its structure, its spacing, the way it changes when you interact with it. A template becomes a system of relationships between sections. An icon becomes a set of shapes and proportions that somehow communicates an idea at a tiny size.

Once you start looking at things that way, there is a lot to learn from even a small piece of someone else’s work.

For me, figuring out how to take these things apart has made the web feel much more open to exploration. If I can see something working in the browser, I have somewhere to begin. I can investigate it, experiment with it, and try to understand enough to recreate the parts that interest me.

That feeling is addictive. Every interesting detail becomes something I could learn how to do.

The part worth taking with you

The title of this post borrows from Austin Kleon’s Steal Like an Artist, a book about creativity and the influences we build from. This discovery gave that phrase a very practical meaning for me.

Recreating something gives you a reason to pay attention. You have to notice the details you might otherwise scroll past. You have to work out which decisions are doing the heavy lifting and which ones simply suit that particular design.

An interaction can look simple until you try to reproduce it. Then you discover how much its timing matters. A layout can seem obvious until you start changing its content and see what holds it together.

That is where the exercise becomes useful beyond the thing you started with. You begin collecting an understanding of how things work. You can bring that understanding into a different project, combine it with other ideas, and make different decisions of your own.

The original creator still deserves credit. Being able to reconstruct something makes me appreciate the thought that went into it. Someone had to make those choices before I could come along and study them.

Following the curiosity

I am exploring this for my personal use, and a big part of the appeal is simply the satisfaction of figuring it out. There is a lovely moment when something that felt out of reach starts to make sense.

It also makes me wonder how many things I have admired without ever trying to understand them. A component, a page, a small interaction. Things I might have saved as references and left there.

Now, I feel more inclined to follow that curiosity a little further.

The web is full of things people have figured out. Being able to study the result, work backward, and learn enough to recreate it is a powerful way to keep learning.

And honestly, I am still a little amazed that I can do it.