How have AI and coding changed my design workflow in both my personal and professional work?
For Work
I use prototypes early to ideate on different directions, test flows with users, and understand whether the experience actually works before investing too deeply in polished design.
I also use them with engineers to validate technical feasibility, surface blockers early, and make sure what we’re proposing can realistically be built.
Once the direction is validated and aligned, I move into Figma to formalize it using the patterns, visual language, and system conventions that keep the product cohesive.
src/
screens/
onboarding/
BasicIdentityScreen.js
CareerScreen.js
PhotosScreen.js
main/
DiscoverScreen.js
ProfileViewScreen.js
public/
PublicProfileScreen.js
components/
TabBar.js
Heightpicker.js
Carousal.js
brand/
Colors.js
Typescale.js
Spacing.js
Radii.js
hooks/
useDiscoverProfiles.js
useProfileSync.js
lib/
supabase.js
A Project File Architecture
For Personal Projects
For my personal projects, I’ve spent a lot of time reading on X, exploring how others build products, and refining my workflows through constant iteration. Over time, I developed my own set of design and development principles that guide how I build with AI.
I built a custom app-building skill for my personal projects. It captures my design and development philosophy, making it easier to go from idea to production while maintaining quality. Read more on my GitHub. Below are a few examples that showcase the development quality, output, interactions, and depth of my work.
Moment between the moment of swipe
Input field with the right viewport
Modal-based fallback option
Date and height picker with haptics
About the exploration
This is probably my 17th iOS build. Every iteration was an opportunity to refine the
details, from sound and haptics to motion and interactions. Iterating until everything
fits is the part I enjoy most.
Reach out for a TestFlight invite for both iOS and Android. I'd love to hear your
feedback.