Tech Skills

UI/UX Design

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

14,821
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,629) Articles (2788)Blog Posts (3180)Tutorials (251)Research Papers (11)News (399)
My UX designer couldn't log in to my demo and I had no idea why
Dev.to · demotape 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
My UX designer couldn't log in to my demo and I had no idea why
Last week I shared a new project with our UX designer. Sent her an ngrok link, asked her to try the...
Scaling Vue.js for the Next Million: Lessons from 100k+ Concurrent User Environments
Dev.to · Raj 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Scaling Vue.js for the Next Million: Lessons from 100k+ Concurrent User Environments
When you’re building a hobby project, Vue’s reactivity feels like magic. But when that project hits...
Your Design Skills Are Worth More Than You Think - How to Sell Canva Templates as a Side Project
Dev.to · 3DImli-Store Builder Platform 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Your Design Skills Are Worth More Than You Think - How to Sell Canva Templates as a Side Project
How developers and designers are building passive income selling Canva templates. Covers niche selection, pricing, platform economics, and scaling strategies.
Build Log: Added the Text Overlay Page UI for Reel Quick
Dev.to · Farhan Munir 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Build Log: Added the Text Overlay Page UI for Reel Quick
Build Log: Added the Text Overlay Page UI for Reel Quick Today I worked on the frontend...
Improving New User Conversion to the Home Screen (Iteration 2)
Dev.to · Dzianis Halka 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Improving New User Conversion to the Home Screen (Iteration 2)
Hi everyone! Today (as I’m writing this), it’s Friday, I’ve got a couple of hours, and I want to...
🏆 Secured 1st Rank in Web Design During My MCA
Dev.to · Aman Kureshi 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
🏆 Secured 1st Rank in Web Design During My MCA
I’m excited to share that I’ve secured 🥇 1st Rank in Web Design during my MCA at KSV...
The Native Popover That Positions Itself
Dev.to · Vivian Voss 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The Native Popover That Positions Itself
Stack Patterns — Episode 10 Every frontend team has written this code: a tooltip that appears on...
I launched my first SwiftUI Neumorphic UI kit today
Dev.to · Bruno Arias Jimenez 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I launched my first SwiftUI Neumorphic UI kit today
When I started building apps, I quickly realized something: My UI looked… inconsistent. Not...
HISTORY OF CSS
Dev.to · subash 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
HISTORY OF CSS
CSS stands for cascading style sheet Css is used to style HTML elements history of...
I Ported audio-ui (shadcn / React) to Svelte — Here’s What I Learned
Dev.to · self-dev 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I Ported audio-ui (shadcn / React) to Svelte — Here’s What I Learned
Recently, I’ve been exploring how far the headless + composable UI philosophy can go outside the...
facehash: Generate Deterministic Avatar Faces in React
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
facehash: Generate Deterministic Avatar Faces in React
facehash: a React component that generates deterministic avatar faces from any string: emails,...
Building Infinite Scroll Galleries with GSAP and Three.js Shaders
Dev.to · jjangik 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building Infinite Scroll Galleries with GSAP and Three.js Shaders
I've been experimenting with infinite scroll gallery interactions — the kind you see on...
Accessible web testing with Cypress and wick-a11y
Dev.to · Vitaly Skadorva 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Accessible web testing with Cypress and wick-a11y
I spent a couple of hours building a custom logging callback for cypress-axe. It formatted violations...
Why Most Frontend Apps Are Smarter Than Their Engineers Realize
Dev.to · Rohith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why Most Frontend Apps Are Smarter Than Their Engineers Realize
Your app might feel simple. A user clicks a button, types in a form, or navigates a page — and...
I built an open-source dashboard starter in Next.js 16 & Tailwind 4
Dev.to · matt765 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I built an open-source dashboard starter in Next.js 16 & Tailwind 4
I've been working on Nellavio, an open-source dashboard starter - the goal was to have stuff like...
The Missing Layer in E-commerce UX: Why Virtual Try-On Is Finally Ready
Dev.to · Ramon Sanz 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The Missing Layer in E-commerce UX: Why Virtual Try-On Is Finally Ready
If you’ve ever worked on an e-commerce product page, you know the uncomfortable truth: No matter how...
CSS Grid Lanes (Masonry Layout) Is Here: A Complete Guide for 2026
Dev.to · BeanBean 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
CSS Grid Lanes (Masonry Layout) Is Here: A Complete Guide for 2026
Originally published on NextFuture Pinterest-style masonry layouts used to require JavaScript...
Hookraft
Dev.to · purposewalker 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Hookraft
React devs are still rewriting the same logic in every component… I built Hookraft to fix that Custom...
What building a low-friction browser game portal taught me about web UX
Dev.to · he zidong 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
What building a low-friction browser game portal taught me about web UX
If you build for short sessions, every bit of friction shows up immediately. That became obvious...
From Vision to Interface: Phase 2 Begins
Dev.to · Dharshini Sai Avula 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
From Vision to Interface: Phase 2 Begins
We spent that stage shaping the concept, understanding the flow, and making sure the system logic...
Why Framer Is Too Hard for Most People (And What to Use Instead)
Dev.to · James Carter 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why Framer Is Too Hard for Most People (And What to Use Instead)
I'm a technical founder. I've built production web applications. I use Photoshop. I've built 3D...
Visualizing Rhythm as Geometry - A Dev Experiment
Dev.to · Ahmed Abderrafie 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Visualizing Rhythm as Geometry - A Dev Experiment
Most rhythm tools show beats on a timeline. But rhythm is cyclical, not linear. That got me...
BelievioniX
Dev.to · Sam | BelievioniX 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
BelievioniX
BelievioniX Everyone today can build a website. Drag. Drop. Publish. WordPress....
Design is Hard: How I Fixed My App’s Ugly UI with AI Assistance
Dev.to · itdragon 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Design is Hard: How I Fixed My App’s Ugly UI with AI Assistance
From “Ugly” to “Sleek”: A Solo Developer’s Battle with UI Design The Curse of “Engineer...
How I built a browser-based photo collage maker
Dev.to · Simon 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How I built a browser-based photo collage maker
When I started building a browser-based photo collage maker, I assumed the hard part would be the...
How to build an Instagram-style "Shot on Canon" UI in Flutter in 5 minutes
Dev.to · Shuffling Psyducks 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to build an Instagram-style "Shot on Canon" UI in Flutter in 5 minutes
If you are building a social media clone, a real estate app, or a photography portfolio in Flutter,...
Pulse UI - I am building My Own UI Component Library (Here’s Why)
Dev.to · Ayantik Sarkar 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Pulse UI - I am building My Own UI Component Library (Here’s Why)
Try it: https://pulseui-henna.vercel.app/ Github: https://github.com/ayantik2006/pulse-ui Most...
Top 10 Figma To Magento Migration Companies
Dev.to · Oliver Pitts 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Top 10 Figma To Magento Migration Companies
Why Figma to Magento Is Not Just “Conversion” From a developer’s perspective: Figma →...
Building a Chat UI with el.js (Vanilla JavaScript Approach)
Dev.to · slice-code 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building a Chat UI with el.js (Vanilla JavaScript Approach)
Today I built a lightweight and flexible Chat UI component using a modular vanilla JavaScript...
Free Online Image to ICO Converter – Create Icons in Seconds
Dev.to · CloudAiRambo 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Free Online Image to ICO Converter – Create Icons in Seconds
If you’ve ever needed a favicon or app icon, you know how frustrating it can be to convert images...
A Guide to Website Design for California Small Businesses: Beyond the Template
Dev.to · Bytezero Inc 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
A Guide to Website Design for California Small Businesses: Beyond the Template
Your Digital Foundation in the Golden State In a market as dynamic and competitive as California’s,...
I built a free dark portfolio template you can set up in 5 minutes [no React, no npm, no headache]
Dev.to · Patience Philip 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I built a free dark portfolio template you can set up in 5 minutes [no React, no npm, no headache]
Most free portfolio templates have the same problem. You download them excited, open the folder, and...
Building UI Is Easy Until Real Users Arrive
Dev.to · Rohith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Building UI Is Easy Until Real Users Arrive
Building a UI in development feels easy. The layout looks clean. The buttons work. The API responds...
React Native vs Flutter vs Expo vs Lynx 2026: Which to Choose for Your App?
Dev.to · Krunal Panchal 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
React Native vs Flutter vs Expo vs Lynx 2026: Which to Choose for Your App?
An honest comparison of React Native, Flutter, Expo, and Lynx for cross-platform mobile development in 2026. Decision framework included.
Stop Styling React Components Manually in 2026
Dev.to · innostes 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Stop Styling React Components Manually in 2026
Rebrand Your Entire React App in One Line Most React apps start clean. But as the app grows, UI...
10+ CSS Animation Examples
Dev.to · FreeFrontend 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
10+ CSS Animation Examples
This updated collection provides essential CSS animations designed to enhance user engagement...
🧩 Stop Using Heavy Captchas — Try This Vue 3 Client-Side Alternative
Dev.to · Parsa Jiravand 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
🧩 Stop Using Heavy Captchas — Try This Vue 3 Client-Side Alternative
If you need a lightweight human check in a form—login, contact, signup—but don’t want to wire up...
Your AI Doesn't Generate Bad Designs. You Do!
Dev.to · Alaa Elghamry 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Your AI Doesn't Generate Bad Designs. You Do!
Stop Vibe Coding Your UI. Start Directing It. I'm a frontend dev with taste and no design...
How We Migrated 150+ Components from MUI to Carbon Design System v11 (And Reduced Accessibility Violations by 78%)
Dev.to · Thoithoi Shougrakpam 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How We Migrated 150+ Components from MUI to Carbon Design System v11 (And Reduced Accessibility Violations by 78%)
A practical account of a large-scale UI library migration — what we planned, what broke, and what...
Mastering the Orchestration Pattern in React: Taming Complex Component Logic
Dev.to · Maxim Logunov 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mastering the Orchestration Pattern in React: Taming Complex Component Logic
TL;DR: The Orchestration Pattern is a powerful way to manage complex interactions between components,...
Podlite Desktop 0.7.0 — smart lists, code folding
Dev.to · Alexandr Zahatski 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Podlite Desktop 0.7.0 — smart lists, code folding
Podlite Desktop 0.7.0 is out. A free, open source editor for Podlite markup — a block-based language...
LayoutSans: Full 2D layout engine built on top of Pretext (flex, grid, magazine — zero DOM)
Dev.to · Basel Askar 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
LayoutSans: Full 2D layout engine built on top of Pretext (flex, grid, magazine — zero DOM)
Pretext solves text measurement without touching the DOM. I built LayoutSans as the next layer: it...
Exploring MCP UI - the next integral UI layer
Dev.to · Gareth Dunne 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Exploring MCP UI - the next integral UI layer
Quick note: I'm looking to dive deeper into the technical nature of MCP UI in a separate post. In...
KeyFrame Animation in 2026- Creating Fire with CSS!
Dev.to · Hope Clarke 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
KeyFrame Animation in 2026- Creating Fire with CSS!
When I began my journey into software design, I attended an event where an alum of the program I was...
Milliseconds Cost Millions: How to Architect High-Conversion Product Grids in SwiftUI
Dev.to · Mary Piakovski 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Milliseconds Cost Millions: How to Architect High-Conversion Product Grids in SwiftUI
A production-grade guide to building scroll-fast, revenue-optimised iOS product grids — from...
Understanding the Color Wheel for Better Design Choices
Dev.to · freecolortheory 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Understanding the Color Wheel for Better Design Choices
The color wheel is one of the most essential tools for designers, artists, and anyone working with...
React to PPTX: The Unsolved Problem That's Costing Developers Thousands of Hours
Dev.to · 吴迦 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
React to PPTX: The Unsolved Problem That's Costing Developers Thousands of Hours
Why exporting Framer Motion animations to PowerPoint is harder than it looks—and what we're doing about it at PitchShow
Figma Has a Free API — Here's How to Extract Design Tokens and Automate Your Workflow
Dev.to · Alex Spinov 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Figma Has a Free API — Here's How to Extract Design Tokens and Automate Your Workflow
A frontend developer told me he spent every sprint manually copying hex codes, font sizes, and...