Tech Skills

UI/UX Design

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

14,812
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
All Reads (6,620) Articles (2782)Blog Posts (3179)Tutorials (249)Research Papers (11)News (399)
*Why the Tech Industry Wants to Take Away Your Screen*
Medium · Programming 🖌️ UI/UX Design ⚡ AI Lesson 6h ago
*Why the Tech Industry Wants to Take Away Your Screen*
Continue reading on Medium »
CSS Grid vs Flexbox: Choosing Your Path Like Neo in The Matrix
Dev.to · Timevolt 🖌️ UI/UX Design ⚡ AI Lesson 7h ago
CSS Grid vs Flexbox: Choosing Your Path Like Neo in The Matrix
The Quest Begins (The "Why") I remember the first time I tried to build a dashboard that...
The 15-minute AI stress test every designer can run
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 8h ago
The 15-minute AI stress test every designer can run
Introducing the spaghetti table protocol challenge. Continue reading on UX Collective »
How any designer can build a more open design culture at work
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 8h ago
How any designer can build a more open design culture at work
You don’t need a “leader” title to build psychological safety at work. Continue reading on UX Collective »
Centering in CSS Isn’t Hard Anymore. You’re Just Using the Wrong Tool.
Medium · Programming 🖌️ UI/UX Design ⚡ AI Lesson 12h ago
Centering in CSS Isn’t Hard Anymore. You’re Just Using the Wrong Tool.
Stop memorizing random snippets and start understanding how modern CSS alignment actually works. Continue reading on Medium »
Designing for the Body AI Does Not See: A Mascot Interface for People Living with Alzheimer’s
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 14h ago
Designing for the Body AI Does Not See: A Mascot Interface for People Living with Alzheimer’s
From theory to design: building a complete brief for a conversational companion Continue reading on Medium »
CSS Button Styles — 50 Examples with Copy-Ready Code (2025)
Dev.to · Ayoub Bahlouli 🖌️ UI/UX Design ⚡ AI Lesson 16h ago
CSS Button Styles — 50 Examples with Copy-Ready Code (2025)
A complete reference of CSS button styles: solid, outlined, gradient, animated, 3D and special effects. Every example has a live demo and copy-ready CSS.
Dark Patterns vs. Persuasive Design: Where the Line Is and Why It Matters for Retention
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 20h ago
Dark Patterns vs. Persuasive Design: Where the Line Is and Why It Matters for Retention
The long-term business cost of manipulative UX: churn, reviews, regulatory risk, and brand erosion. Continue reading on Medium »
What Design Leadership Really Looks Like
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 21h ago
What Design Leadership Really Looks Like
A chat with YouTube’s Head of UX for Youth, Trust & Safety Continue reading on Medium »
Rattribute.js
Dev.to · William Troup 🖌️ UI/UX Design ⚡ AI Lesson 21h ago
Rattribute.js
Rattribute.js allows you to define different HTML attributes for different viewport widths using...
Daring Fireball 🖌️ UI/UX Design ⚡ AI Lesson 22h ago
★ Apple Should Eliminate the App Icon ‘Squircle Jail’
Shape was often the most iconic thing about an icon. Now it’s no part at all.
Introducing the Aura: A Healthier Alternative to Streaks
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 22h ago
Introducing the Aura: A Healthier Alternative to Streaks
This is the second of two articles. In the first “The Psychology of Streaks, and Why They Backfire”, I dug into why that little counter is… Continue reading on
The Day I Stopped Opening Figma
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 22h ago
The Day I Stopped Opening Figma
Config 2026, AI, and the question every designer is quietly avoiding. Continue reading on Bootcamp »
Medium · Startup 🖌️ UI/UX Design ⚡ AI Lesson 23h ago
BrandStack
I’ve spent years working as a graphic designer, and the same problem kept showing up on every project: the brand itself — the colors, the… Continue reading on M
Dev.to AI 🖌️ UI/UX Design ⚡ AI Lesson 23h ago
Title (maybe "AI-Powered Automation for Solo UX/UI Designers: Turning User Tests into Actionable Reports")
We need to produce a concise 400-500 word article. Must be between 400 and 500 words inclusive. Must follow structure: Title, intro (2-3 sentences max), core (e
Good Design Is as Little Design as Possible
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Good Design Is as Little Design as Possible
“Good design is as little design as possible.” — Dieter Rams Continue reading on Medium »
The Senior Designer Plateau Isn’t a Skill Problem. It’s a Scope Problem.
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
The Senior Designer Plateau Isn’t a Skill Problem. It’s a Scope Problem.
You got great at the job. Then the job above you quietly changed shape - and nobody sent the memo. Continue reading on Medium »
Dev.to AI 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
What Is Generative UI? A Practical Mental Model for Developers
Most AI products start with a chatbox. That makes sense. Chat is flexible, familiar, and fast to ship. But I do not think chat is the final interface for AI pro
Dev.to AI 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
How Our AI Agents Built the Universal CSS Utility Class Generator and Why You'll Love It
From Problem to Solution: Efficient CSS for Modern Development In today's fast-paced world of web development, speed and consistency are key. Manual management
Dev.to AI 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Why Great Creative Designers in Calicut Matter More Than Ever
Insights drawn from years of hands-on brand design and packaging work for businesses across Calicut's retail, hospitality, and FMCG sectors. In a market as visu
Dev.to AI 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
AI Web Design Automation Tools Evaluated: From PRD To Interactive Prototype
Key Takeaways The bottleneck in every PRD-to-prototype workflow is not skill — it is the number of manual steps between a written requirement and a testable int
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
UI/UX Design Course in Hyderabad
UI/UX Design Course in Hyderabad is aimed at assisting all those people who want to develop their skills in UI/UX design. This course… Continue reading on Mediu
Upgrading a Vue 2 Options API Component to Vue 3 Composition API With TypeScript — The Mistakes…
Medium · JavaScript 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Upgrading a Vue 2 Options API Component to Vue 3 Composition API With TypeScript — The Mistakes…
this.$emit becomes defineEmits, this.$refs becomes useTemplateRef, mixins become composables, and filters are just gone — the complete… Continue reading on Medi
The Hidden Business Cost of Poor AI UX
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
The Hidden Business Cost of Poor AI UX
Everyone is adding AI right now. But very few companies are asking a simple question: Continue reading on Medium »
The Hidden Business Cost of Poor AI UX
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
The Hidden Business Cost of Poor AI UX
Everyone is adding AI right now. But very few companies are asking a simple question: Continue reading on Medium »
Dev.to AI 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
Is Piktochart Worth It for Small Business 2026? Honest Review After 90 Days
Can a 13-year-old infographic tool still compete in an AI-flooded design market? That's the question I couldn't shake when I signed up for Piktochart back in Fe
A Cookie-Free Embeddable Support Widget: What Adversarial Review Caught
Dev.to · Nasrul Hazim 🖌️ UI/UX Design ⚡ AI Lesson 1d ago
A Cookie-Free Embeddable Support Widget: What Adversarial Review Caught
TL;DR Built an embeddable support widget for a helpdesk product: no cookies — a...
The Power of Design Systems: Eliminate Your Fear and Pick Up Design Systems Today!
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
The Power of Design Systems: Eliminate Your Fear and Pick Up Design Systems Today!
How the Design System allows teams to work faster, more consistently, and produce better user experiences without losing creativity. Continue reading on Medium
Designing trust after the Quantum Shock stripped away our digital armor
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Designing trust after the Quantum Shock stripped away our digital armor
It was 2 AM on a Thursday. I was staring at a blank terminal window, thinking about the sheer volume of personal data I had spent years… Continue reading on Med
AI-Powered Design Systems: The Part Nobody Talks About
Dev.to · Kalpick Sharma 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
AI-Powered Design Systems: The Part Nobody Talks About
Whenever AI and design are mentioned together, the conversation usually focuses on generating...
Inclusive Design Should Be a Loop, Not a Line
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Inclusive Design Should Be a Loop, Not a Line
Why “design with one, extend to many” needs to become bi-directional in the age of voice, AI, and multimodal technology Continue reading on Medium »
Building UI Before the API Is Ready
Medium · Programming 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Building UI Before the API Is Ready
One of the most useful habits a frontend developer can build is learning how to move before the backend is fully readу Continue reading on Medium »
Building UI Before the API Is Ready
Medium · Startup 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Building UI Before the API Is Ready
One of the most useful habits a frontend developer can build is learning how to move before the backend is fully readу Continue reading on Medium »
Motion is the New Static: Elevating UI and UX with Animated Icons
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Motion is the New Static: Elevating UI and UX with Animated Icons
Transform static smartwatch interfaces into living ecosystems. Learn how animated icons reduce cognitive load and bring your UI to life. Continue reading on Boo
Stop Designing, Start Engineering: How to Integrate Claude Code into Your UI Workflow
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Stop Designing, Start Engineering: How to Integrate Claude Code into Your UI Workflow
Why moving from Figma to the terminal is the scariest but most necessary leap for modern product designers. Continue reading on Bootcamp »
Stop Designing, Start Engineering: How to Integrate Claude Code into Your UI Workflow
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Stop Designing, Start Engineering: How to Integrate Claude Code into Your UI Workflow
Why moving from Figma to the terminal is the scariest but most necessary leap for modern product designers. Continue reading on Bootcamp »
Context Engineering: The Secret Skill Every UX Designer Needs to Learn in 2026
Medium · AI 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Context Engineering: The Secret Skill Every UX Designer Needs to Learn in 2026
How feeding AI the right background data matters more than writing the perfect prompt for design work. Continue reading on Bootcamp »
Context Engineering: The Secret Skill Every UX Designer Needs to Learn in 2026
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Context Engineering: The Secret Skill Every UX Designer Needs to Learn in 2026
How feeding AI the right background data matters more than writing the perfect prompt for design work. Continue reading on Bootcamp »
Designing High-Performance User Experiences for Data-Heavy Dashboards and Analytics Products
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Designing High-Performance User Experiences for Data-Heavy Dashboards and Analytics Products
How senior designers move beyond consumer aesthetics to build dense, fast tools that experts actually want to use. Continue reading on Bootcamp »
Senior-Level UI Patterns for Building Trust in Financial and Compliance-Driven Products
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Senior-Level UI Patterns for Building Trust in Financial and Compliance-Driven Products
How senior designers balance friction, transparency, and security to make high stakes financial tools feel safe without destroying speed. Continue reading on Bo
Show Me Your Plan
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Show Me Your Plan
Why knowing what your AI does matters. Continue reading on Bootcamp »
Build an iOS-style segmented control with a sliding thumb
Dev.to · Devanshu Biswas 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Build an iOS-style segmented control with a sliding thumb
You have seen this control a hundred times. A row of options packed into one pill, with a white...
3 hard truths about the future of Product Design
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
3 hard truths about the future of Product Design
take it with a pinch of salt Continue reading on Bootcamp »
Serious Games vs Gamification: What''s the Difference?
Dev.to · Ocean View Games 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Serious Games vs Gamification: What''s the Difference?
These two terms get used interchangeably in boardrooms and pitch decks across the education and...
Dev.to AI 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Cheapest Graphic Design Tools for Solopreneurs 2026: 8 Picks I Actually Tested
Want to know the dumbest money mistake I made my first year running a one-person business? Paying $600 for a year of design software I used maybe four times. Do
Why People Remember Feelings More Than Facts
Medium · Machine Learning 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Why People Remember Feelings More Than Facts
The moments that shape our lives are rarely defined by what was said — they are defined by how we felt Continue reading on Medium »
Someone Built a Physical Gear Shifter for Claude — and It's a Better UX Lesson Than Most Software Ships
Dev.to · XenoCoreGiger31 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Someone Built a Physical Gear Shifter for Claude — and It's a Better UX Lesson Than Most Software Ships
A few days ago, Vaibhav Sisinty posted something on X that stopped my scroll: someone had wired up an...
47 Free Browser-Based Image Tools That Never Upload Your Photos
Dev.to · mtc 🖌️ UI/UX Design ⚡ AI Lesson 3d ago
47 Free Browser-Based Image Tools That Never Upload Your Photos
Most free online image tools have a dirty secret: they upload your photos to their servers. TinyPNG,...