Tech Skills

UI/UX Design

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

14,762
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,573) Articles (2760)Blog Posts (3171)Tutorials (232)Research Papers (11)News (399)
FID Is Dead. What INP Means for Your React App.
Dev.to · nosyos 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
FID Is Dead. What INP Means for Your React App.
In March 2024, Google replaced First Input Delay with Interaction to Next Paint as an official Core...
UI Testing Automation: Why You Should Stop Writing Tests by Hand
Dev.to · Engroso 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
UI Testing Automation: Why You Should Stop Writing Tests by Hand
UI tests are one of the most valuable things you can have in a production codebase. They catch what...
Don't Make Me Think, Role of Colour in UX
Dev.to · Asmaa Almadhoun 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Don't Make Me Think, Role of Colour in UX
In Don't Make Me Think, Steve Krug introduces the concept of self-explanatory design. The idea is...
Best React Gantt Chart Libraries for Project Management Apps
Dev.to · Marina Char. 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Best React Gantt Chart Libraries for Project Management Apps
Can modern project management apps and platforms do without Gantt charts and still provide the...
I vibe coded a Design System! See it here! https://ice-design-system.vicentereyes.org See the landing page here https://ds.vicentereyes.org
Dev.to · Vicente G. Reyes 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I vibe coded a Design System! See it here! https://ice-design-system.vicentereyes.org See the landing page here https://ds.vicentereyes.org
ice-design-system.vicentereyes.org ...
AI Button UX — Where to Put It, How to Label It, What to Show While Waiting
Dev.to · hiyoyo 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
AI Button UX — Where to Put It, How to Label It, What to Show While Waiting
If this is useful, a ❤️ helps others find it. All tests run on an 8-year-old MacBook Air. The AI...
Tailwind CSS: Kyu Ye Har Web Developer Ki Pehli Pasand Ban Rahi Hai?
Dev.to · it thum 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Tailwind CSS: Kyu Ye Har Web Developer Ki Pehli Pasand Ban Rahi Hai?
Hello Developers! 👋 Agar aap web development mein hain, toh aapne Tailwind CSS ka naam zaroor suna...
Behind the Scenes of a 10-Person Template Studio Shipping Across Next.js, Framer, Elementor & WordPress
Dev.to · DesignToCodes 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Behind the Scenes of a 10-Person Template Studio Shipping Across Next.js, Framer, Elementor & WordPress
Behind the Scenes of a 10-Person Template Studio Shipping Across Next.js, Framer, Elementor...
🚀 New Challenge: File Explorer
Dev.to · ReactChallenges 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
🚀 New Challenge: File Explorer
Build a recursive file explorer tree view, similar to the sidebar in VS Code. 👉...
Country Dropdown for Tailwind / shadcn — Drop-In Component
Dev.to · ApogeoAPI 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Country Dropdown for Tailwind / shadcn — Drop-In Component
A production-ready country dropdown with flags, search, and accessibility. Tailwind classes only, no extra deps. Copy-paste into your project.
Building a City Autocomplete with 150K Cities — Tutorial
Dev.to · ApogeoAPI 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Building a City Autocomplete with 150K Cities — Tutorial
How to build a city search autocomplete in React using a cities API. Includes debouncing, pagination, and showing country + state context. TypeScript.
Hi, I'm Camille — building Klari for French MDPH
Dev.to · Camille Dubois 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Hi, I'm Camille — building Klari for French MDPH
Hi, I'm Camille, building Klari — a platform helping French families navigate MDPH (the disability...
Your game HUD is just React: overlay UI over a CarverJS game canvas
Dev.to · Het Dave 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Your game HUD is just React: overlay UI over a CarverJS game canvas
Most browser game setups separate game rendering from UI rendering. The game owns the canvas; HTML...
Wabi-Sabi and Whitespace: Eastern Philosophy for Web Design
Dev.to · Eastern Dev 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Wabi-Sabi and Whitespace: Eastern Philosophy for Web Design
Wabi-Sabi and Whitespace: Eastern Philosophy for Web Design What I learned from studying...
Eastern Design Principles for Modern Web Development
Dev.to · Eastern Dev 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Eastern Design Principles for Modern Web Development
Eastern Design Principles for Modern Web Development What I learned from studying...
Why Your Next Web App Needs a Design System from Day One
Dev.to · Mittal Technologies 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Why Your Next Web App Needs a Design System from Day One
I want to tell you about a project I know way too well. A web application that grew over three years...
The Myth of Seamless Figma-to-Production Workflows
Dev.to · BAHUBALI MAGADUM 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Myth of Seamless Figma-to-Production Workflows
Why Figma MCP Isn’t Enough Why Figma MCP Alone Can’t Guarantee Production-Ready...
The Case Against New Tab Hijacking (And How to Do It Right)
Dev.to · Weather Clock Dash 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Case Against New Tab Hijacking (And How to Do It Right)
The Case Against New Tab Hijacking (And How to Do It Right) "New tab hijacking" is the...
I Built an AI UX Auditor. Then I Realized That Wasn't the Hard Part
Dev.to · Amf Floyd 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
I Built an AI UX Auditor. Then I Realized That Wasn't the Hard Part
I shipped Parallax in 3 weeks. You paste a URL, it audits your UX against Nielsen's 10 heuristics +...
Your brain on 4K: why sharp pictures feel different
Dev.to · M. AI. 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Your brain on 4K: why sharp pictures feel different
Try this. Find a photo on your phone that you love. Now squint, or zoom out until it's the size of a...
10 Must-Have Design Tools That Streamline My Workflow (And the Color Generator I Swear By)
Dev.to · Muhammad Sanaullah 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
10 Must-Have Design Tools That Streamline My Workflow (And the Color Generator I Swear By)
Most “top design tools” lists are either paid promotions or a dump of random bookmarks someone never...
How to Use Figma 2026 and Storybook 8.0 to Showcase Your Frontend Skills to Recruiters Hiring for React 19 Roles
Dev.to · ANKUSH CHOUDHARY JOHAL 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How to Use Figma 2026 and Storybook 8.0 to Showcase Your Frontend Skills to Recruiters Hiring for React 19 Roles
How to Use Figma 2026 and Storybook 8.0 to Showcase Your React 19 Skills to...
Comparison: Figma vs. Penpot 2.0 for Design-Dev Handoff
Dev.to · ANKUSH CHOUDHARY JOHAL 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Comparison: Figma vs. Penpot 2.0 for Design-Dev Handoff
68% of engineering teams report wasting 12+ hours per sprint on design handoff misalignment,...
Benchmark: Figma 12.0 vs. Canva 5.0 for Quick UI Mockups
Dev.to · ANKUSH CHOUDHARY JOHAL 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Benchmark: Figma 12.0 vs. Canva 5.0 for Quick UI Mockups
Figma 12.0 vs Canva 5.0: Benchmark for Quick UI Mockups Quick UI mockups are low-to-mid...
i build a plugin so You can now Directly import Powerpoint .pptx to Figma!
Dev.to · Chuan Hu 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
i build a plugin so You can now Directly import Powerpoint .pptx to Figma!
Hello designers! Many times, I have to visually upgrade some old pptx files in Figma, but the need to...
What Developers Can Learn from Real-Time Prediction Market Interfaces
Dev.to · Jimmy Rose 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
What Developers Can Learn from Real-Time Prediction Market Interfaces
Real-time data interfaces are some of the hardest products to design well. Whether the data comes...
Making a Canvas-Based Web App Mobile Friendly (DeskFlow v1.1.8)
Dev.to · rocketsquirreldev 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Making a Canvas-Based Web App Mobile Friendly (DeskFlow v1.1.8)
I'm building DeskFlow, a visual desk setup and cable planner. Until now, it was strictly a desktop...
CSS Performance Optimization: How to Achieve 100 Points in Google PageSpeed
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS Performance Optimization: How to Achieve 100 Points in Google PageSpeed
Оптимизация производительности CSS: как выжать 100 из PageSpeed и не сойти с ума Представь: ты...
Variable Fonts in CSS: Configuration and Animation
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Variable Fonts in CSS: Configuration and Animation
Fonts that Dance: Exploring Variable Fonts in CSS Guess what? Gone are the days of wrestling with...
CSS property field-sizing: automatic resizing of input fields
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS property field-sizing: automatic resizing of input fields
The Death of the Scrollbar: Why field-sizing is Your New Best Friend Grab a coffee, friend, because...
Styling Native HTML Elements <dialog> and <popover> with CSS
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Styling Native HTML Elements <dialog> and <popover> with CSS
Mastering the Top Layer: Styling Native Dialogs and Popovers Like a Pro Hey there! Grab a coffee,...
Hidden CSS Grid Layout Features That Beginners Don’t Know About
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Hidden CSS Grid Layout Features That Beginners Don’t Know About
Uncovering the Hidden Powers of CSS Grid Layout: What Newbies May Not Know Picture this: you’re deep...
The Perfect Dark Theme with CSS Variables
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Perfect Dark Theme with CSS Variables
The Art of the Perfect Dark Theme with CSS Variables Grab your coffee, sit back, and let’s talk...
Logical properties of CSS: layout for different languages
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Logical properties of CSS: layout for different languages
The World is Bigger Than LTR: Why Your Layout Needs to Be Direction-Agnostic Grab a coffee, friend,...
The Perfect Text Transfer: text-wrap balance and pretty
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Perfect Text Transfer: text-wrap balance and pretty
Goodbye, Orphans and Ragged Edges: Mastering Text Wrap Picture this: you have just finished a...
Creating Complex Shapes with CSS clip-path
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Creating Complex Shapes with CSS clip-path
Cutting Through the Noise: Mastering CSS clip-path for Complex Shapes Grab your espresso and pull up...
How React streams UI, React Compiler Rendering, dev3000 CLI, TSRX, Replay, Scroll-Driven Animations, Ship 26 tickets
Dev.to · Erfan Ebrahimnia 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
How React streams UI, React Compiler Rendering, dev3000 CLI, TSRX, Replay, Scroll-Driven Animations, Ship 26 tickets
How React streams UI out of order and still manages to keep order Instead of waiting for...
Aspect Ratio Property: Solving Proportion Issues
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Aspect Ratio Property: Solving Proportion Issues
Aspect Ratio Property: Solving Proportion Problems Ah, the woes of web design! We’ve all faced that...
CSS Scroll Snap: Creating Native Carousels
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS Scroll Snap: Creating Native Carousels
Stop Installing 50KB Libraries for a Simple Slider Grab a coffee and let’s get real for a second....
Automatic Sizing of Inputs with the field-sizing Property
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Automatic Sizing of Inputs with the field-sizing Property
Finally, Form Elements That Don’t Suck at Resizing Grab a coffee, because we need to talk about one...
Astro i18n in 2026: The Complete Guide From ui.ts to Edge-Native KV
Dev.to · Gary Stupak 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Astro i18n in 2026: The Complete Guide From ui.ts to Edge-Native KV
Every practical approach to multilingual Astro sites in 2026, with their trade-offs - from `ui.ts` to Edge-Native KV.
Flutter Animation Deep Dive — AnimationController, Custom Tweens, and Physics Simulations
Dev.to · kanta13jp1 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Flutter Animation Deep Dive — AnimationController, Custom Tweens, and Physics Simulations
Flutter Animation Deep Dive — AnimationController, Custom Tweens, and Physics...
BoldKit Spring 2026: v3.0 v3.2.2 - ASCII Animations, Canvas Effects, Dot Matrix Studio & More
Dev.to · Aniruddha Agarwal 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
BoldKit Spring 2026: v3.0 v3.2.2 - ASCII Animations, Canvas Effects, Dot Matrix Studio & More
Spring 2026 has been the most productive stretch in BoldKit's history — the free neubrutalism UI...
Vue 3.5 vs. Svelte 5.0: Component Reusability for 100+ Marketing Site Widgets
Dev.to · ANKUSH CHOUDHARY JOHAL 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Vue 3.5 vs. Svelte 5.0: Component Reusability for 100+ Marketing Site Widgets
When a global retail client needed 127 reusable marketing widgets deployed across 14 regional sites...
CSS Background Patterns: 31 Free Pure-CSS Examples 2026
Dev.to · Proof Matcher 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS Background Patterns: 31 Free Pure-CSS Examples 2026
CSS Background Patterns: 31 Free Pure-CSS Examples 2026
React UI Frameworks That Actually Ship Free Figma Files (My Current Shortlist)
Dev.to · 우병수 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
React UI Frameworks That Actually Ship Free Figma Files (My Current Shortlist)
Discover React UI frameworks that ship free Figma files to streamline your design-to-code process, avoid project delays, and improve collaboration between desig
The Missing Layer Between AI and Design Consistency
Dev.to · Ashmeet 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
The Missing Layer Between AI and Design Consistency
By now, "vibe coding" is completely normalized. You describe a thing, AI builds it, you nudge it...
Why God Kit? A Lightweight Vue 3 UI Library and Design System for Admin Apps
Dev.to · Parsa Jiravand 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Why God Kit? A Lightweight Vue 3 UI Library and Design System for Admin Apps
Why God Kit? A Lightweight Vue 3 Component Library Built for Real Dashboards If you are...