Tech Skills

UI/UX Design

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

15,124
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,924) Articles (3010)Blog Posts (3240)Tutorials (263)Research Papers (12)News (399)
#🧭 GuideAgent — A Lightweight SDK to Guide Users Inside Web Apps
Dev.to · Raghul k 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
#🧭 GuideAgent — A Lightweight SDK to Guide Users Inside Web Apps
Most modern web applications are powerful—but also hard to understand for first-time...
React Native VS Flutter: Which is future-proof & Best?
Dev.to · Rajesh Nandi 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
React Native VS Flutter: Which is future-proof & Best?
Alright, let me start with a question. If you had to invest your entire career in one framework...
Build Your Own Developer Card with Astro and Tailwind CSS
Dev.to · Sami Bashraheel 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Build Your Own Developer Card with Astro and Tailwind CSS
Build a themeable, embeddable developer identity card with Astro, Tailwind CSS v4, and astro-icon.
I built an open-source RGAA accessibility audit tool for Next.js - feedback wanted
Dev.to · Leonardo B. 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
I built an open-source RGAA accessibility audit tool for Next.js - feedback wanted
Hey everyone! 👋 I just released EQO - an open-source RGAA 4.1.2 accessibility audit tool...
Visual regression testing for design tokens and component libraries
Dev.to · Custodia-Admin 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Visual regression testing for design tokens and component libraries
Automate visual regression testing for design tokens and component variants using screenshot APIs and pixel-perfect comparison.
Flutter in 2026: What It Is, Why It Matters, and Why App Development Is a Skill Worth Learning?
Dev.to · Safiullah Korai 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Flutter in 2026: What It Is, Why It Matters, and Why App Development Is a Skill Worth Learning?
There was a time when building an app meant choosing sides. If you wanted an iPhone app, you learned...
Top 1.00 Sites To Get Verified Stripe Accounts personal and business use
Dev.to · Cotte Matt 🖌️ UI/UX Design 4mo ago
Top 1.00 Sites To Get Verified Stripe Accounts personal and business use
Best 7 place Sites Get Verified Stripe Accounts No Scam usaaccountservice 2026? Verified Stripe...
Automated design system documentation with screenshots
Dev.to · Custodia-Admin 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Automated design system documentation with screenshots
Automatically screenshot every component variant in your design system and generate visual documentation that never goes stale.
SwiftUI Tutorial for Beginners: Build Your First iOS App in 2026
Dev.to · Daniil Kornilov 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
SwiftUI Tutorial for Beginners: Build Your First iOS App in 2026
So you want to build an iOS app. Good call. The App Store has over 1.8 million apps, and every single...
Visual regression testing for design tokens and component libraries
Dev.to · Custodia-Admin 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Visual regression testing for design tokens and component libraries
Automatically screenshot every component variant in your design system and detect visual regressions from design token changes — without installing a browser.
JPG to SVG: How Vectorization Works in the Browser (No Server Required)
Dev.to · zepubo-code 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
JPG to SVG: How Vectorization Works in the Browser (No Server Required)
When designers ask "can I convert this JPG to SVG?", they usually mean one of two things: Embed...
TailwindCSS v4 Migration Guide: What Changed and How to Upgrade
Dev.to · Umesh Malik 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
TailwindCSS v4 Migration Guide: What Changed and How to Upgrade
A practical guide to migrating from TailwindCSS v3 to v4. Covers the new CSS-first configuration, updated color system, removed utilities, and step-by-step upgr
UI shouldn't think about validation
Dev.to · Vadym Yaroshchuk 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
UI shouldn't think about validation
I recently worked on abstracting the presentation layer from the UI layer. Ideally, the UI layer...
How to Build Responsive Flutter Apps for Phones, Foldables, Tablets & Web (2026)
Dev.to · Samuel Adekunle 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How to Build Responsive Flutter Apps for Phones, Foldables, Tablets & Web (2026)
Hey everyone, Samuel here! In 2026, your Flutter app needs to look perfect on a tiny phone, a folding...
CSS to Tailwind: The Complete Migration Guide for 2026
Dev.to · arenasbob2024-cell 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
CSS to Tailwind: The Complete Migration Guide for 2026
Migrating from traditional CSS to Tailwind CSS? Here's the property-by-property guide. Core...
I Made Tkinter Look Like a Modern Glassmorphic App — Here's the Dark Magic I Used
Dev.to · Benito Mallamaci 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
I Made Tkinter Look Like a Modern Glassmorphic App — Here's the Dark Magic I Used
Tkinter doesn't have to look like Windows 95. I built a floating, animated voice assistant with glowing borders — no Electron, no web tech. Here's how.
Lorem Ipsum: The 2000-Year-Old Placeholder Text That Powers Web Design
Dev.to · arenasbob2024-cell 🖌️ UI/UX Design 4mo ago
Lorem Ipsum: The 2000-Year-Old Placeholder Text That Powers Web Design
Lorem Ipsum has been the go-to placeholder text since the 1500s. Its roots go back to Cicero in 45...
Building a vertical snap carousel with touch-drag pagination
Dev.to · Sammii 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building a vertical snap carousel with touch-drag pagination
Building a vertical snap carousel with touch-drag pagination I needed a vertical carousel...
Rethinking UI State: CSS Range Syntax vs Class Toggling
Dev.to · Alexander Pershin 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Rethinking UI State: CSS Range Syntax vs Class Toggling
For years, we've handled UI state by toggling classes in JavaScript. User selects a date range? Loop...
Clean UI Is Not a Brand Strategy
Dev.to · Pixel Mosaic 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Clean UI Is Not a Brand Strategy
Minimalism is everywhere. White backgrounds. Soft shadows. Sans-serif fonts. Muted color palettes....
Building Progressive Web Apps: A Comprehensive Guide
Dev.to · ibrahim 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building Progressive Web Apps: A Comprehensive Guide
Building Progressive Web Apps: A Comprehensive Guide Introduction In the...
How to auto-generate OG images when you publish a new blog post
Dev.to · Custodia-Admin 🖌️ UI/UX Design 4mo ago
How to auto-generate OG images when you publish a new blog post
Every blog post needs an OG image for social sharing. Here's how to generate them automatically on publish — no Figma, no manual exports, no Satori setup. One A
Stop Writing Interview Questions Too Early: What to Focus on First in Developer UX Research
Dev.to · Pavanipriya Sajja 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Stop Writing Interview Questions Too Early: What to Focus on First in Developer UX Research
When first starting to conduct user interviews in Developer Experience (DevX), many designers make a...
Meet Semantic Components — A Modern Angular UI Library
Dev.to · khalil la 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Meet Semantic Components — A Modern Angular UI Library
After waiting so long for an Angular UI library that actually met my needs, I decided to stop waiting...
The Frontend Developer Is Dead (And That’s Good)
Dev.to · Dustin Myers 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
The Frontend Developer Is Dead (And That’s Good)
In 2026, “frontend developer” doesn’t mean what it used to. And that’s a good thing. Over the past...
DevLog 20260225: Divooka Visual Programming - Direct Value Setting of Compound Inputs
Dev.to · Charles Zhang 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
DevLog 20260225: Divooka Visual Programming - Direct Value Setting of Compound Inputs
Finally, it arrived! Well, not exactly here yet, but getting closer. Overview Divooka...
Visual Regression Testing: A Developer's Guide to Pixel-Perfect Releases
Dev.to · Anglina 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Visual Regression Testing: A Developer's Guide to Pixel-Perfect Releases
Every team has shipped a visual bug they're embarrassed about. A button drifts a few pixels on...
I spent 2 years as a UI/UX designer before switching to code.
Dev.to · Adeoye Enoch Olamilekan 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
I spent 2 years as a UI/UX designer before switching to code.
I spent 2 years as a UI/UX designer before switching to code. Designers who can't code build...
🛠️ 200 Figma variables. Two seconds.
Dev.to · Adam Marsden 🖌️ UI/UX Design 4mo ago
🛠️ 200 Figma variables. Two seconds.
Hey 👋 This week - a tool for offloading design-system busywork without losing design decisions, a...
Arhitectură pentru un site de prezentare în 3 zile
Dev.to · Alexandru Draghici 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Arhitectură pentru un site de prezentare în 3 zile
Deep-dive tehnic: cum proiectezi un site de prezentare livrabil în 3 zile, cu hosting, email pe domeniu și SEO local, fără surprize.
How to Maintain Visual Consistency Across Your App Icons
Dev.to · albert nahas 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How to Maintain Visual Consistency Across Your App Icons
Learn how to maintain visual consistency in your app icons with stroke weights, grid systems, and style guides. Start designing cohesive icons today!
Stop paying the "Markup Tax."
Dev.to · Eyad Abdelhakim 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Stop paying the "Markup Tax."
Most visual builders have a dirty secret: The code they produce is a disaster. We’ve all seen it. You...
Bot Yazılımları İçin Figma API Botu
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Bot Yazılımları İçin Figma API Botu
Bu makale ilk olarak turkcode.net sitesinde yayinlanmistir. Bot Yazılımları İçin Figma API Botu,...
AI Slop vs Constrained UI: Why Most Generative Interfaces Fail
Dev.to · Astrodevil 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
AI Slop vs Constrained UI: Why Most Generative Interfaces Fail
TL;DR AI can generate structured interface layouts and assemble component hierarchies from...
Building a Scalable Icon System for Your Design System
Dev.to · albert nahas 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building a Scalable Icon System for Your Design System
Learn how to build a scalable icon system with effective naming, sizing tokens, and distribution strategies. Streamline your design—start now!
New Tailwind v4.2 colors now in Tailcolors
Dev.to · Harrison Broadbent 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
New Tailwind v4.2 colors now in Tailcolors
A new version of Tailwind CSS, v4.2, has just been released, and includes 4 entirely new color...
Building a React Native App for 20+ Languages: Lessons in i18n
Dev.to · Ahmed Mahmoud 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building a React Native App for 20+ Languages: Lessons in i18n
Building a React Native App for 20+ Languages: Lessons in i18n Supporting 20+ languages in...
[SUI] Path
Dev.to · GoyesDev 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
[SUI] Path
Un Path define el borde externo de una figura. Se construye como una combinación de líneas y curvas....
I Built a Canva-Like Editor With FabricJS and SvelteKit.
Dev.to · Suyash Thakur 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
I Built a Canva-Like Editor With FabricJS and SvelteKit.
I Built a Canva-Like Editor With FabricJS and SvelteKit. Here's What the Tutorials Don't...
Designing Success: Hadrius (YC W23) Is Hiring Designers Who Code
Dev.to · David Díaz 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Designing Success: Hadrius (YC W23) Is Hiring Designers Who Code
Explore how Hadrius is redefining design roles and why coding designers are essential for innovation in tech.
How I Curated 100+ Google Font Pairings & Built a Live Preview Tool....
Dev.to · Muhammad Afsar Khan 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How I Curated 100+ Google Font Pairings & Built a Live Preview Tool....
Here's the thing: I'm terrible at picking fonts. Every time I started a project, I'd spend hours...
Deploy Your Personal AI in Under 5 Minutes: Nanobot The Ultra Lightweight OpenClaw Alternative
Dev.to · Raka Widhi Antoro 🖌️ UI/UX Design 4mo ago
Deploy Your Personal AI in Under 5 Minutes: Nanobot The Ultra Lightweight OpenClaw Alternative
If you’ve tried setting up OpenClaw (the popular self hosted AI assistant), you probably felt the...
Mastering QR Code Generation & Scanning in SwiftUI
Dev.to · divyesh vekariya 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Mastering QR Code Generation & Scanning in SwiftUI
🔲 QR codes look simple. But they’re powerful. Most apps treat QR as just another...
I Built a Figma Plugin to Kill Translation Bugs Before They Reach Developers — Here's Every Wall I Hit
Dev.to · Aryan Saxena 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
I Built a Figma Plugin to Kill Translation Bugs Before They Reach Developers — Here's Every Wall I Hit
The Moment That Started This Picture this: You are reviewing a pull request. The developer...
React Native vs Flutter for Enterprise Apps: Making the Right Choice in 2026
Dev.to · Kumar Harsh 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
React Native vs Flutter for Enterprise Apps: Making the Right Choice in 2026
In 2026, choosing between React Native and Flutter is no longer a developer preference debate. It has...
My Tailwind style guide
Dev.to · Tom Franssen 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
My Tailwind style guide
We use Tailwind CSS in production to power our e-commerce frontend (Vue.js + SSR) and kept running...
[SU] Shapes
Dev.to · GoyesDev 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
[SU] Shapes
Consideraciones Una forma asume el tamaño del frame que la contiene. Formas...
Do We Even Need Modals?
Dev.to · Rostislav B 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Do We Even Need Modals?
Ever feel like the web could use some design police? No one enforcing consistency, no standards for...