AI in UI/UX Design: Tools, Workflows & Research in 2025
Explore AI tools for UX/UI design in 2025. Research-backed insights and practical tips for Figma Make, Claude Code, Cursor, and experimental workflows from a design lecturer.
How Generative AI is Revolutionizing Design Workflows
The rise of generative AI tools, like Figma Make, transforms design into "Vibe Designing," paralleling "Vibe Coding." Using natural language prompts, designers create prototypes and iterate through AI assistance or manual edits. While fostering creativity and efficiency, challenges include design fixations, generic outcomes, and the risk of diminishing critical skills in designers.
How to Export After Effects as MP4
How to export After Effects as MP4 (without Media Encoder)
A video and step-by-step text tutorial on how to export/render your After Effects as MP4 without using Media Encoder.
Calendar UI Design Inspiration & UX Lessons
Here's a collection of UI design inspiration for the calendar UI component (or date picker), as well as some UX lessons to go with it.
How to Create a Figma Breadcrumb Component (Stepper)
Here's how you can create a Figma component breadcrumb (as a stepper) using nestled components, auto-layout, and constraints & resizing.
How to Import Sketch to Figma? – Figma Tutorial
Sketch and Figma are two of the most popular UX and UI design tools right now. Here's a tutorial on how to import Sketch to Figma.
How To Place UI Design In A Mockup (YouTube tutorial)
Placing designs in mockups makes it look like the apps and products are real, even though they're just UI concepts! Here's a YouTube tutorial, and a how-to guide on how to place UI design in a mockup.
App UI Design in Figma (Speed UI Design YouTube Video)
I love seeing UI design being created. So, I decided to make my own video. Here's me, creating an app UI design in Figma.
How to create a 3D object in After Effects
How to create a 3D object in After Effects
Want to learn how to create 3D elements? Here's a simple step-by-step guide on how to create a 3D object in After Effects.
Dark mode Custom UI illustration
How-To Design Complex Custom UI Illustrations
This is the process of how I design complex custom UI Illustrations. It's a good skill to have to be able to contribute more.
Logo format for After effects
How to prepare logo format for After Effects
Simple tutorial on how to export a good logo format for After Effects for logo animation.
Dark Mode UI Form Design
How to Create Good Forms UX/UI Design
This article will teach you how to design good form UX/UI design. On dribbble you can see that designers enjoy creating landing pages, dashboards, social media feeds, and other existing stuff for practice. Those things can look good by just adding pictures and gradients. I do that too. But... I…