Hey, I'm JP.
I design, build, and automate products
that people actually use.
Colombian UI/UX designer and full-stack engineer. I take products from Figma and Framer prototypes into Vue, React, Node, Python, and AI-assisted workflows that help teams ship faster without losing taste.
A few things I'm proud of.
Each one is a long-scroll case study with the messy middle included — false starts, the prototypes that didn't survive review, the metrics after launch.
Things I've figured out, written down.
A working notebook. Mostly product design and craft, sometimes the engineering side, occasionally cycling.
Why your design system isn't being used
A practical look at adoption — and why "we have a design system" is rarely the real problem.
12 min
5 min
9 min
6 min
What I'm actually using.
Design, engineering, automation, and AI tools I use to move from idea to shipped product.
Design
01 / 04Frontend
02 / 04Backend
03 / 04AI + Automation
04 / 04The play folder.
Loose shapes, brand explorations, side projects. The things I make to stay sharp.
Designer, full-stack engineer, and product builder.
I'm Colombian, based in Bogotá, and I work remotely with teams that need someone who can think through the product, design the interface, build the prototype, and ship the thing.
I started in Bogotá working across UI, code, and client work before founding Codesign, a studio that mixed design, development, and marketing. That combination stuck: I like being close to the user, the interface, the data, and the business outcome.
My strongest work sits between disciplines: Figma and Framer prototypes, Vue and React frontends, Node and Python backends, analytics funnels, API integrations, and the AI-assisted workflows that help a small team move faster.
When I'm not at a screen I'm probably on a gravel bike, playing golf, or testing a new tool to see whether it actually improves the way I work.
This week, I'm…
A hybrid profile, on purpose.
The useful part is not just knowing many tools. It is knowing which layer of the product needs attention next.
I start in the product problem, not the file format. That might become a Figma prototype, a Framer flow, a Vue screen, or a small automation that proves the idea faster.
Because I can ship the interface myself, I catch constraints early: API shape, loading states, events, permissions, analytics, and the details that make a handoff real.
AI is part of my daily workflow now: Claude Code for repo work, GPT and Gemini for reasoning, Cursor for implementation, and MCPs to connect agents to real tools.