Tech Skills

UI/UX Design

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

14,743
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,554) Articles (2754)Blog Posts (3160)Tutorials (230)Research Papers (11)News (399)
⚡️ Complete Setup Guide: Expo + NativeWind (2026 Edition)
Dev.to · Nabin Kandel 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
⚡️ Complete Setup Guide: Expo + NativeWind (2026 Edition)
Build beautiful, responsive React Native apps with Tailwind CSS — the easy way. 💡 What is...
Skeleton Screens vs Spinners: Perceived Load Time
Dev.to · Ashish Kumar 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Skeleton Screens vs Spinners: Perceived Load Time
Perceived and measured performance diverge more than most developers expect. LinkedIn's skeleton screen research explains why, and when skeletons hurt.
Building a themeable CMS admin with shadcn/ui + Tailwind v4 — lessons from 50+ components
Dev.to · hamed pakdaman 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building a themeable CMS admin with shadcn/ui + Tailwind v4 — lessons from 50+ components
I shipped a Laravel CMS where the entire admin is built on shadcn/ui — 50+ components, 183 pages,...
Stop hand-drawing skeletons. Let your UI trace itself magically.
Dev.to · jeetvora331 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Stop hand-drawing skeletons. Let your UI trace itself magically.
I built a React skeleton loader that traces your UI automatically. Meet shimmer-trace. 🚀...
I built an Angular component library in 2026 — here's what I learned
Dev.to · Durga jonnada 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I built an Angular component library in 2026 — here's what I learned
Building a UI component library sounds straightforward until you're deep in ARIA spec, CSS variable...
Storybook Visual Testing Without Chromatic: Alternatives for Testing Your Components Visually
Dev.to · Delta-QA 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Storybook Visual Testing Without Chromatic: Alternatives for Testing Your Components Visually
Storybook Visual Testing Without Chromatic: Testing Your Components Without Vendor...
Visual Regression Testing with Screenshot APIs: Catch UI Bugs Before Users Do
Dev.to · DevToolsmith 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Visual Regression Testing with Screenshot APIs: Catch UI Bugs Before Users Do
Unit tests check logic. Integration tests check API contracts. But neither catches the CSS regression that moves your checkout button off-screen in Safari, or t
Creating the Perfect Sticky Website Header
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Creating the Perfect Sticky Website Header
Mastering the Sticky Header: From Layout Hacks to CSS Zen We have all been there. You are halfway...
Mobile App Design Checklist: What to Plan Before Development Starts
Dev.to · Maverick Frame Studio 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Mobile App Design Checklist: What to Plan Before Development Starts
A polished app concept can still be risky if the design file does not explain how the product should...
Browser Tab UX in React: Pull Users Back with Titles, Favicons, and Notifications
Dev.to · reactuse.com 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Browser Tab UX in React: Pull Users Back with Titles, Favicons, and Notifications
Browser Tab UX in React: Pull Users Back with Titles, Favicons, and Notifications The...
Figma vs Canva vs Penpot (2026): Best Design Tool for Developers
Dev.to · 丁久 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Figma vs Canva vs Penpot (2026): Best Design Tool for Developers
Which design tool fits your workflow? Comparing UI/UX capabilities, developer handoff, open-source options, pricing, and learning curve.
Just rebuilt both VEXR Ultra and Sovereign Forge from the ground up. New UI across both platforms — unified blue/purple design language, blacklight purple bubbles, fixed rotating V watermark, identity defense against model overrides, HTML preview panel, 15
Dev.to · Scura 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Just rebuilt both VEXR Ultra and Sovereign Forge from the ground up. New UI across both platforms — unified blue/purple design language, blacklight purple bubbles, fixed rotating V watermark, identity defense against model overrides, HTML preview panel, 15
VEXR Ultra v2 + Sovereign Forge — Complete Overhaul. Still Sovereign. Still $0/Month. ...
Building HOLO.SYS — A Futuristic 3D Holographic Visualization System with React, Three.js & GLSL
Dev.to · Muhammad Yasir 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Building HOLO.SYS — A Futuristic 3D Holographic Visualization System with React, Three.js & GLSL
Introduction Modern web development is rapidly evolving beyond traditional websites and...
Content Creators: for Design for Professionals
Dev.to · ANKUSH CHOUDHARY JOHAL 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Content Creators: for Design for Professionals
Professional content creators generate over 500 exabytes of media assets annually, yet 72% report...
What Shopify merchants get wrong about Core Web Vitals — and what's actually worth fixing
Dev.to · Peter Hallander 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
What Shopify merchants get wrong about Core Web Vitals — and what's actually worth fixing
A senior dev's take on LCP, CLS, INP on Shopify stores — the gotchas, the fixes that move the needle, and a prefetch tactic that buys real navigation speed.
Perfect Images with object-fit and object-position Properties
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Perfect Images with object-fit and object-position Properties
Perfect Images with object-fit and object-position Grab your coffee, sit back, and let’s talk about...
How to Design Google Docs
Dev.to · Ibrahim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How to Design Google Docs
Google Docs is one of the most widely used collaborative document editing platforms in the world. Its...
I built an open-source React data grid with zero dependencies
Dev.to · Mayank Mahadevwala 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I built an open-source React data grid with zero dependencies
I've been working on react-tree-grid — an open-source, zero-dependency component library for React...
When disabled is not enough: Building guarded UI state in React
Dev.to · Oleksii Kyrychenko 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
When disabled is not enough: Building guarded UI state in React
A continuation of the isLoading discussion: why blocking a workflow and representing that state in...
UI UX Design Course Training in Telugu – Step-by-Step Learning Program
Dev.to · Chandra Mouli 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
UI UX Design Course Training in Telugu – Step-by-Step Learning Program
Introduction Learning UI UX design becomes easier when concepts are taught in a simple and structured...
How UI Design Shapes Brand Perception
Dev.to · Pixel Mosaic 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How UI Design Shapes Brand Perception
When people interact with a product, they form an opinion about the brand within seconds. Before they...
Hero Section UX: A Practical Checklist for Choosing the Right Product Visual
Dev.to · Maverick Frame Studio 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Hero Section UX: A Practical Checklist for Choosing the Right Product Visual
A landing page hero section has to earn attention before it can ask for action. For SaaS teams and...
The Definitive Guide to optimization in React Server Components vs GraphQL: What You Need to Know
Dev.to · ANKUSH CHOUDHARY JOHAL 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
The Definitive Guide to optimization in React Server Components vs GraphQL: What You Need to Know
The Definitive Guide to Optimization in React Server Components vs GraphQL: What You Need to...
Stop Tailwind Class Conflicts: Build Resilient React Components 🎨
Dev.to · Prajapati Paresh 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Stop Tailwind Class Conflicts: Build Resilient React Components 🎨
The Tailwind CSS Collision Problem Tailwind CSS is the undeniable standard for styling modern React...
Onboarding Design Patterns from Photo Editing Apps
Dev.to · paywallpro 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Onboarding Design Patterns from Photo Editing Apps
The first 60 seconds of your app are not tutorials. They're an audition. Users of mobile...
shadcn Dashboard Template: 30+ Pages for Vite and Next.js
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
shadcn Dashboard Template: 30+ Pages for Vite and Next.js
shadcn Dashboard + Landing Page Template — a free, open-source admin UI starter built on React 19,...
Progress component to implement a clock-style progress bar
Dev.to · HarmonyOS 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Progress component to implement a clock-style progress bar
Read the original article:Progress component to implement a clock-style progress bar ...
Handling Mixed Languages on a Single Page: A Southeast Asian Reality
Dev.to · CY Ong 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Handling Mixed Languages on a Single Page: A Southeast Asian Reality
If you build user interfaces for Southeast Asia, you aren't just designing for eleven distinct...
Why UI Libraries Still Need Explicit CSS Imports
Dev.to · self-dev 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why UI Libraries Still Need Explicit CSS Imports
While building a UI library for SvelteKit, I wanted the consumer setup to feel as simple as...
Why the Blue I Built This Theme Around Is Nearly Invisible as Text
Dev.to · J Now 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why the Blue I Built This Theme Around Is Nearly Invisible as Text
Most of my Claude Code screen is English sentences. Tool output, reasoning traces, permission prompts...
AI Overlay UI in Tauri — Designing the "Ask AI" Button That Doesn't Annoy Users
Dev.to · hiyoyo 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
AI Overlay UI in Tauri — Designing the "Ask AI" Button That Doesn't Annoy Users
All tests run on an 8-year-old MacBook Air. All results from shipping 7 Mac apps as a solo developer....
Rendering Optimization with Content-Visibility
Dev.to · Nick Benksim 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Rendering Optimization with Content-Visibility
Rendering Optimization with Content-Visibility: A Game Changer Imagine you're developing a web app...
Top 7 Timeline Visualization Components for Modern Web Apps in 2026
Dev.to · Gaetan Gasoline 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Top 7 Timeline Visualization Components for Modern Web Apps in 2026
A side-by-side comparison of the 7 best JavaScript timeline visualization libraries for storytelling, scheduling, dashboards, and interactive data exploration i
Top 7 Angular Gantt Chart Libraries in 2026
Dev.to · Gaetan Gasoline 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Top 7 Angular Gantt Chart Libraries in 2026
An in-depth, side-by-side comparison of the 7 best Gantt chart libraries for Angular and TypeScript developers in 2026. Performance, pricing, customization, and
When to Split a React Component (And When You're Over-Engineering)
Dev.to · 137Foundry 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
When to Split a React Component (And When You're Over-Engineering)
The React ecosystem has a well-established culture of small components. "Split your components" is...
I built a free Linktree alternative with a bento widget system — here's why and how
Dev.to · Antonin Bertheau 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
I built a free Linktree alternative with a bento widget system — here's why and how
I've been using link-in-bio tools for years as a musician and content creator. The problem is always...
If you need a Gantt chart for your React app, check this list.
Dev.to · Olga T. 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
If you need a Gantt chart for your React app, check this list.
Best React Gantt Chart Libraries for Project Management Apps ...
UI/UX Skills for Frontend Devs: How to Read Figma Like a Designer
Dev.to · ITPrep 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
UI/UX Skills for Frontend Devs: How to Read Figma Like a Designer
Original article: https://itprep.com.vn/ky-nang-ui-ux-cho-frontend-dev-doc-file-figma-chuan/ In...
Appeal to keyboard makers: Please Stop Adding FN Buttons!
Dev.to · Alexey Murz Korepov 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Appeal to keyboard makers: Please Stop Adding FN Buttons!
Most of the famous and popular desktop keyboard manufacturers make full-size desktop keyboards with...
Been working on an icon search website recently and I genuinely want some honest opinions before I launch it publicly.
Dev.to · ToolsMatic 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Been working on an icon search website recently and I genuinely want some honest opinions before I launch it publicly.
The idea is simple: Search 100k+ icons from multiple icon packs/libraries in one place instead of...
From Chat Advice to a Durable Design Project
Dev.to · Xu Bian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
From Chat Advice to a Durable Design Project
Explains why AI design collaboration needs project workspaces, structured truth, and resumable project state instead of chat history alone.
Which Design Rule Wins: Defaults, Personal Preferences, Project Rules, or Session Instructions?
Dev.to · Xu Bian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Which Design Rule Wins: Defaults, Personal Preferences, Project Rules, or Session Instructions?
Proposes a rule precedence model for product defaults, designer profiles, project rules, and explicit session instructions in AI design workbenches.
How Visual Feedback Becomes Structured Design Changes
Dev.to · Xu Bian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
How Visual Feedback Becomes Structured Design Changes
Explains how screenshots, renderings, and top views should become structured repair actions instead of another pile of untracked opinions.
A Designer's Core Value Is Judgment, Not Faster Drafting
Dev.to · Xu Bian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
A Designer's Core Value Is Judgment, Not Faster Drafting
Discusses how AI moves designer value from low-level execution toward goals, constraints, feedback, and version judgment.
AI Workbench for Designers: How Designers Should Work With AI
Dev.to · Xu Bian 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
AI Workbench for Designers: How Designers Should Work With AI
Explains why AI tools for designers should behave as durable workbenches, not just chatbots, image generators, or automatic drafting plugins.
**Premium Music Camp Poster Design: Boost Your Event's Success** - A Comprehensive Guide for Tech Professionals and Business Decision-Makers
Dev.to · AI Businessman 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
**Premium Music Camp Poster Design: Boost Your Event's Success** - A Comprehensive Guide for Tech Professionals and Business Decision-Makers
# **Premium Music Camp Poster Design: Boost Your Event's Success** - A Comprehensive Guide for Tech...
Why I Started Thinking About Workspace Design Differently
Dev.to · Charlene Demarte 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
Why I Started Thinking About Workspace Design Differently
Over the past few weeks, I’ve been experimenting with workspace organization, attention, and...
The creation of Power Bar in Astrocot (an astrology system).
Dev.to · Alish Giri 🖌️ UI/UX Design ⚡ AI Lesson 1mo ago
The creation of Power Bar in Astrocot (an astrology system).
I created a command bar (Power Bar) to control the system (Sky Chart) using readable text instead of...