Better vibe coding with Figma Code Connect and MCP
Figma Code Connect links real components to your designs, turning vibe coding into clean, consistent code with far better AI accuracy.
AI prototype for advanced usability testing
Using AI tools to build HTML prototypes and conduct effective unmoderated usability testing.
My experience with a No-code app builder
I built an expense tracker using AppSheet, a no-code tool, to automate my Excel-based tracking. This experience changed my view on no-code, showing how it enables quick and efficient app development.
Designing with limited Input, using ChatGPT
Designing with limited input is essential for UX designers. Using ChatGPT helps quickly understand complex data for effective design solutions.
Optimizing app speed for better UX: Achieve instant loading
How background sync techniques create the perception of instant loading, improving user experience without costly infrastructure upgrades.
Building design guidelines website (Self-hosted)
My experience building a design system documentation site with Hugo, Decap CMS, GitHub Enterprise, and external OAuth.
Training or self-learning: which is best?
After nearly eight years without formal training, I chose to build a real product instead. Here's everything I learned the hard way.
Why I learned Tailwind CSS
Designers struggle when developers prioritise functionality over aesthetics. Learning Tailwind CSS helped me bridge that gap.
Owning the product service, not the page
Developer page-ownership desire complicates collaboration. Here's how restructuring around services instead of pages creates more consistent user experiences.
Screen flow diagram better than Prototype
Screen flow diagrams effectively present flows clearly and simply, describing all deviations and screen conditions comprehensively.