Tech Skills

UI/UX Design

User research, Figma, wireframing, design systems, prototyping and usability

5,212
lessons
Skills in this topic
View full skill map →
UX Research
beginner
Facilitate a usability test session
UI Design
beginner
Create a consistent 8pt spacing grid
Prototyping
intermediate
Build a click-through prototype in Figma
AI Design Tools
intermediate
Generate and iterate on UI concepts with AI

Showing 684 reads from curated sources

Dev.to AI 🖌️ UI/UX Design ⚡ AI Lesson 2h ago
** 50 Essential Prompts to Elevate Your Design Skills **
** Unlock Your Full Design Potential As freelance graphic designers, we've all been there - staring at a blank canvas, struggling to find the right idea, and fe
Designing for Decisions, Not Screens
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 5h ago
Designing for Decisions, Not Screens
Behavior design shifts digital product design away from interface surfaces and toward decision environments. Continue reading on Medium »
How I build Sanity Portable Text custom components in Next.js
Dev.to · Nayan Kyada 🖌️ UI/UX Design ⚡ AI Lesson 6h ago
How I build Sanity Portable Text custom components in Next.js
Learn how to build Sanity Portable Text custom components in Next.js — code blocks, callouts, embedded forms, and captioned images with full TypeScript types.
Vicinage, type-safe and zero-runtime UI styling, right in the markup.
Dev.to · chbyb 🖌️ UI/UX Design ⚡ AI Lesson 7h ago
Vicinage, type-safe and zero-runtime UI styling, right in the markup.
Write your styles as typed objects directly on your JSX markup and get zero-runtime atomic CSS. Built...
Jakob’s Law: Users Don’t Spend Most of Their Time in Your Product
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 9h ago
Jakob’s Law: Users Don’t Spend Most of Their Time in Your Product
A few years ago I watched a usability session for a redesigned e-commerce checkout. The new flow was beautiful. The team had reimagined… Continue reading on Med
TechCrunch AI 🖌️ UI/UX Design ⚡ AI Lesson 10h ago
Figma adds an AI assistant to its collaborative canvas
Figma's new AI assistant will be first available on Figma Design
How to Set Up Claude Chat as a Thinking Partner
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 11h ago
How to Set Up Claude Chat as a Thinking Partner
A practical guide to custom instructions, project instructions, context files, and skills for designers who use Claude daily. Continue reading on UX Planet »
Audio That Sees Itself
Dev.to · Giovambattista Fazioli 🖌️ UI/UX Design ⚡ AI Lesson 12h ago
Audio That Sees Itself
A Mantine-native audio player for React with waveform visualisation and a live spectrum analyser,...
Dev.to AI 🖌️ UI/UX Design ⚡ AI Lesson 12h ago
Best Design Tools for Beginners 2026: Tested & Ranked
Look, I've watched the design tool space evolve over the past decade. What used to require Adobe subscriptions and actual training now? You can genuinely create
AI Isn’t Replacing Designers. It’s Reshaping the Workflow.
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 13h ago
AI Isn’t Replacing Designers. It’s Reshaping the Workflow.
My vision for the future of product design and where I see things trending right now Continue reading on Generative AI »
ZDNet 🖌️ UI/UX Design ⚡ AI Lesson 14h ago
This E ink tablet is the best annotator I've tested - but there's a steep learning curve
Boox's Gen-2 Go 10.3 tablet is made for power users seeking a customizable Android tablet with a backlight.
Most UX Problems Aren’t Design Problems — They’re Maturity Problems
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 17h ago
Most UX Problems Aren’t Design Problems — They’re Maturity Problems
Most teams are solving UX at the wrong level — and that’s why nothing changes. Continue reading on Medium »
How Website Usability Impacts Small Business Growth
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 17h ago
How Website Usability Impacts Small Business Growth
In a difficult economy, businesses often focus on getting more traffic, posting more content, or increasing ad spend. Continue reading on Bootcamp »
What security UX designers get wrong about Privacy by Design
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 17h ago
What security UX designers get wrong about Privacy by Design
GDPR has direct interface implications. Here’s what the law requires from security UX designers, and where most of them aren’t looking. Continue reading on Boot
What is Universal Design? Principles, Examples & Importance in UX Design
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 19h ago
What is Universal Design? Principles, Examples & Importance in UX Design
Photo by Paul Green on Unsplash Continue reading on Medium »
What Does Vue 3 `ref()` Compile to in React with VuReact?
Dev.to · Ryan John 🖌️ UI/UX Design ⚡ AI Lesson 20h ago
What Does Vue 3 `ref()` Compile to in React with VuReact?
VuReact compiles Vue 3 code into standard, maintainable React code. In this article, we will focus on...
Why "Good Enough" Design is the Solo Developer's Secret Weapon
Dev.to · The One-Man Framework 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Why "Good Enough" Design is the Solo Developer's Secret Weapon
I spent years looking at websites like Stripe or Linear and feeling depressed. I would try to...
What critical thinking means for senior designers (and how to apply it)
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
What critical thinking means for senior designers (and how to apply it)
Re-designing mocks is slowly becoming the bulk of design work Continue reading on UX Collective »
Design systems before UI — how to build structure when no screens exist!
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Design systems before UI — how to build structure when no screens exist!
A practical guide to building scalable design systems in zero-to-one product environments — before screens, patterns, or UI exists. Continue reading on Bootcamp
How Fintech Products Earn Trust: A Designer’s Field Notes
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
How Fintech Products Earn Trust: A Designer’s Field Notes
A few years ago, as a founder of Other Land studio, I watched a usability session for a fintech product my team was working on. The user… Continue reading on Me
LumaBride: Unified Wedding Visual Design in One Platform
Dev.to · zhang 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
LumaBride: Unified Wedding Visual Design in One Platform
LumaBride is a one-stop premium wedding visual design platform for couples who want a consistent...
How to Fix Common WCAG Color Contrast Failures
Dev.to · Romain 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
How to Fix Common WCAG Color Contrast Failures
Color contrast is the most common WCAG violation — detected on 81% of homepages per WebAIM. Six repeatable patterns close most of them. Code examples in Tailwin
Crazy Egg vs. Contentsquare: Each Tool’s True Strengths
Crazy Egg Blog 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Crazy Egg vs. Contentsquare: Each Tool’s True Strengths
Trying to choose between Crazy Egg and Contentsquare? Crazy Egg is a better UX and conversion rate optimization platform if you want heatmaps, session recording
Why I Stopped Designing Websites and Started Designing Flows
Dev.to · Drew Marshall 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Why I Stopped Designing Websites and Started Designing Flows
At one point, most of my thinking around software revolved around pages. landing...
⛔Stop Putting Logic in Templates: A Senior Angular Architect's Guide to Clean UI Contracts
Dev.to · abdelaaziz ouakala 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
⛔Stop Putting Logic in Templates: A Senior Angular Architect's Guide to Clean UI Contracts
Stop Putting Logic in Templates: A Senior Angular Architect's Guide to Clean UI...
Can Vue Be a React Authoring Language?
Dev.to · Ryan John 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Can Vue Be a React Authoring Language?
Introduction Have you ever been in this situation? You love Vue's Composition API and the...
How to Build a Next.js App in 30 Languages (Without Losing Your Mind)
Dev.to · Iurii Rogulia 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
How to Build a Next.js App in 30 Languages (Without Losing Your Mind)
Next.js i18n with App Router at production scale — routing, type-safe translations, hreflang, and the formatting traps no tutorial warns you about.
Building True Vector PDF Export in the Browser with fabric.js
Dev.to · morestrive 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Building True Vector PDF Export in the Browser with fabric.js
Building True Vector PDF Export in the Browser with fabric.js https://yft.design/...
Day 0 — visual concept for a small cloud platform
Dev.to · Danilo Eduardo Lopez Corozo 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Day 0 — visual concept for a small cloud platform
Day 0 — visual concept for a small cloud platform I’m starting a small project around cloud hosting...
Part I: Don't Wait for Data. Render What You Know.
Dev.to · Pratik Goswami 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Part I: Don't Wait for Data. Render What You Know.
Part I of the series "Don't Let the User Wait - Render Quickly to Keep Their Attention." ...
From Faster Pencil To AI Experience Architect: A Designer’s Path
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
From Faster Pencil To AI Experience Architect: A Designer’s Path
The next decade of user experience work is not about prompting better, it’s about owning the systems, the white space, and trade-offs… Continue reading on UX Co
The New Shape of Design
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
The New Shape of Design
A year into being an AI-powered product designer Continue reading on Medium »
Enhance User Navigation with Content Taxonomy
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Enhance User Navigation with Content Taxonomy
Complicated websites become intuitive digital experiences when visitors can quickly find the information they need to act on. When sites… Continue reading on Me
Web3 Design: Why Beautiful Interfaces Are Also the Most Usable
Dev.to · soma ryuu 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Web3 Design: Why Beautiful Interfaces Are Also the Most Usable
There is a persistent myth in product design that usability and aesthetics are in tension. That...
Web3 Design Principles for DeFi Dashboards
Dev.to · soma ryuu 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Web3 Design Principles for DeFi Dashboards
DeFi dashboards are some of the hardest UI problems in product design. You are asking people to make...
OpenToonz Does What Adobe Animate Can't: Power a Studio Ghibli Film
Hackernoon 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
OpenToonz Does What Adobe Animate Can't: Power a Studio Ghibli Film
opentoonz/opentoonz is a free, open-source 2D animation tool that Studio Ghibli has used for nearly three decades. Yoichi Senzui, director of photography on The
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
I Compared AI UI vs Human Designers — The Result Was Embarrassing
We ran a real experiment. Showed both designs to 50 business owners. The winner wasn’t even close. Continue reading on Medium »
Medium · Startup 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
I Compared AI UI vs Human Designers — The Result Was Embarrassing
We ran a real experiment. Showed both designs to 50 business owners. The winner wasn’t even close. Continue reading on Medium »
Dev.to AI 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
I Got Sick of My Claude Code UI Slop, So I Crystallized It into a Go CLI
Every time I asked Claude Code to "build me a landing page," I got the same page back. Centered hero. Inter font for everything. Maybe Space Grotesk if it felt
Miller’s Law: The Number Everyone Quotes and Almost Nobody Understands
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Miller’s Law: The Number Everyone Quotes and Almost Nobody Understands
I once sat in a design review where the feedback on a navigation audit was clear and confident: “You have 12 items. Miller’s Law says the… Continue reading on M
The Interface Was Never the System
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
The Interface Was Never the System
Revisiting a retail flow system through operational constraints, movement design, and behavioral coordination Continue reading on Medium »
Beyond the Terminal: Building VIVA for Vibe Coders
Medium · ChatGPT 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Beyond the Terminal: Building VIVA for Vibe Coders
A UC Berkeley & 99P Labs collaboration building a pragmatic visual interface to simplify version control for today’s vibe coders. Continue reading on 99P Labs »
Why the Edges of Your UI Are Making Decisions Before Your Users Do
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Why the Edges of Your UI Are Making Decisions Before Your Users Do
Nobody has ever opened a support ticket that reads: “Your sidebar animation triggered my amygdala.” Continue reading on Medium »
A Great Design is really a consequence of connected processes.
Medium · Startup 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
A Great Design is really a consequence of connected processes.
Design is a creative process that connects several thoughts. As we see a design as a complete, single creative idea. But we actually don’t… Continue reading on
AI Is Making UI Faster to Create. Can UX Research Keep Up?
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
AI Is Making UI Faster to Create. Can UX Research Keep Up?
How I kept research in the room while AI tools made interface generation cheaper than ever. Continue reading on The Next Era Journal »
Designing for Disasters: How I Built Raksha-Setu, a Multimodal Citizen Reporting App for…
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Designing for Disasters: How I Built Raksha-Setu, a Multimodal Citizen Reporting App for…
A UX design project exploring how real-time, citizen-powered reporting can save lives when every second counts. Continue reading on Medium »
Loneliness by design
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Loneliness by design
The internet promised connection. What it optimised was engagement. Continue reading on Bootcamp »
Building a Sliding Picture Puzzle in Microsoft Power Apps
Medium · Programming 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
Building a Sliding Picture Puzzle in Microsoft Power Apps
Companion YouTube Videos Continue reading on Towards Dev »