Tech Skills

UI/UX Design

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

14,804
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,613) Articles (2781)Blog Posts (3177)Tutorials (245)Research Papers (11)News (399)
Dark Patterns vs. Persuasive Design: Where the Line Is and Why It Matters for Retention
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2h 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 3h 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 3h ago
Rattribute.js
Rattribute.js allows you to define different HTML attributes for different viewport widths using...
Daring Fireball 🖌️ UI/UX Design ⚡ AI Lesson 4h 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 4h 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 4h 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 4h 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 5h 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 8h 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 8h 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 11h 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 19h 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 19h 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 21h 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 22h 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 22h 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 1d 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 2d 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,...
Improving User Experience by Default Collapsing the Insights Panel in the Admin Page Analytics Tab
Dev.to · 박준희 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Improving User Experience by Default Collapsing the Insights Panel in the Admin Page Analytics Tab
This is a case study on improving user experience by changing the Insights panel in the Admin page's Analytics tab to be collapsed by default. We solved this by
Building a Browser-Based Passport Photo Maker with Country Presets
Dev.to · Arhan Ahmad 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Building a Browser-Based Passport Photo Maker with Country Presets
How to create government-compliant passport photos in the browser — crop to exact dimensions, set background colors, and generate 4x6 print layouts. All client-
Web Components vs. Iframes: A Hard Lesson in DOM Isolation Barriers
Dev.to · Bonzai2Carn 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Web Components vs. Iframes: A Hard Lesson in DOM Isolation Barriers
TLDR A custom element that fetched a canonical app's HTML and swapped...
How I stopped relying on UI libraries and started building my own reusable components
Dev.to · Hossein Najafi 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
How I stopped relying on UI libraries and started building my own reusable components
When I started working with React, I used UI libraries for almost everything — buttons, inputs,...
Figma-to-code: the real shift happening
Dev.to · Stéphane LaFlèche 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
Figma-to-code: the real shift happening
If you're shipping static sites, or building on a standard design system, the Figma MCP server is...
Medium · UX Design 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
My Journey into UI/UX Design
My journey into UI/UX design began with a curiosity about how digital products are designed and how they create meaningful experiences for… Continue reading on
You reached for !important again. @layer is the real fix.
Dev.to · Parsa Jiravand 🖌️ UI/UX Design ⚡ AI Lesson 2d ago
You reached for !important again. @layer is the real fix.
When a third-party reset beats your styles and your own utilities lose to an ancient nested rule, the problem isn't your selectors. It's that your stylesheet ha