Why I Switched from Figma to Code (and Back Again)
A honest reflection on the design-to-development workflow and why I believe both tools have their place in the creative process.
·5 min read
unip.studio — Creative Atelier
Crafting digital experiences through design thinking, creative visuals, and clean code. Based in Indonesia 🇮🇩
Expertise
Creating intuitive, beautiful interfaces through user research, wireframing, prototyping, and iterative design thinking.
From digital sketches to complex visual narratives — bringing ideas to life with character, color, and storytelling.
Turning designs into responsive, performant web experiences with modern frameworks like React, Next.js, and Tailwind CSS.
Story
From pencil to pixels — a creative journey that spans decades and disciplines.
Childhood
Started drawing as a kid — characters, scenes, anything that came to mind. This is where the creative journey began, with pencil on paper.
2000s
Found CorelDraw version 10 and realized art doesn't have to be on paper. The digital canvas opened up a whole new world of possibilities.
2010s
Learned the craft of digital printing — banners, posters, business cards. Understanding color profiles, resolution, and production-ready design.
2015
Discovered that design is not just about how things look, but how they work. Fell in love with user research, wireframing, and interactive prototypes.
2020
Embraced the world of code — turning designs into living, breathing web experiences. React, Next.js, Tailwind CSS — the tools of the modern web.
Now
Bringing it all together — design, illustration, and development under one roof. Building digital products and sharing the journey along the way.
Portfolio
A curated collection of projects spanning design, illustration, and development.
Complete UI/UX overhaul for a local marketplace, increasing conversion by 35%.
Custom illustration system for a tech startup's brand identity and marketing materials.
Interactive analytics dashboard with real-time data visualization and dark mode support.
End-to-end design of a fintech mobile app with focus on accessibility and simplicity.
Content-first web design for a digital magazine with rich typography and smooth animations.
A collection of original characters for an indie game studio's upcoming title.
Journal
Stories, insights, and lessons learned from my creative journey.
A honest reflection on the design-to-development workflow and why I believe both tools have their place in the creative process.
From color profiles to paper stock — everything I wish I knew when I started in the digital printing world.
Step-by-step breakdown of how I created a cohesive design system that bridges the gap between design and development.