Tech Skills

UI/UX Design

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

15,136
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,935) Articles (3013)Blog Posts (3245)Tutorials (265)Research Papers (12)News (400)
Let’s Learn Feature-Sliced Design (FSD)
Dev.to · nyaomaru 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Let’s Learn Feature-Sliced Design (FSD)
Hi everyone, I’m @nyaomaru, a frontend engineer! 👋 In the age of AI coding, the most valuable thing...
How to Get and Keep Users’ Attention in UX Design
Dev.to · Athreya aka Maneshwar 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
How to Get and Keep Users’ Attention in UX Design
Hello, I'm Maneshwar. I'm working on FreeDevTools online currently building *one place for all dev...
Building Progressive Web Apps (PWAs) with Angular: A Complete Guide
Dev.to · ROHIT SINGH 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Building Progressive Web Apps (PWAs) with Angular: A Complete Guide
In today’s fast-paced digital world, users expect web apps to be fast, reliable, and engaging—no...
How to connect Figma MCP to KIRO IDE
Dev.to · Precious Nwoko 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
How to connect Figma MCP to KIRO IDE
As a frontend engineer adapting to new tools, I’ve been trying out IDEs that promise to improve...
Master Jetpack Compose Animations — Bite‑Sized Guides to Make Your UI Pop ✨
Dev.to · Manoj Pedvi 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Master Jetpack Compose Animations — Bite‑Sized Guides to Make Your UI Pop ✨
Want your Android UIs to feel alive? These short, practical guides show exactly how to add smooth,...
Building a Multilingual Nuxt.js App with Seamless Locale Switching
Dev.to · A0mineTV 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Building a Multilingual Nuxt.js App with Seamless Locale Switching
Internationalization (i18n) is crucial for modern web applications that target global audiences. In...
Why Personality Matters on Your Website – Even for Large Companies and Non-Personal Brands
Dev.to · Per Starke 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Why Personality Matters on Your Website – Even for Large Companies and Non-Personal Brands
Your website isn’t just a place to show what you do. It’s how people get a feel for who you are. Even...
🌒 HarmonyOS Next: Supporting Light and Dark Color Modes in Your App
Dev.to · HarmonyOS 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
🌒 HarmonyOS Next: Supporting Light and Dark Color Modes in Your App
Read the original article:🌒 HarmonyOS Next: Supporting Light and Dark Color Modes in Your...
Setup Tailwind CSS v4.0 with Vite + React
Dev.to · Farai Bvuma 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Setup Tailwind CSS v4.0 with Vite + React
Introduction I recently ran into some trouble trying to setup Tailwind CSS v4.0 with a new...
How Blind People Navigate the World, On and Offline, with Screen Readers and White Canes
Dev.to · Laura Wissiak, CPACC 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
How Blind People Navigate the World, On and Offline, with Screen Readers and White Canes
Online Navigation Online navigation works quite similarly to offline navigation, only the...
Professional Web Sayt Yaratish - To'liq Qo'llanma
Dev.to · Azamat Narzulloyev 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Professional Web Sayt Yaratish - To'liq Qo'llanma
Web sayt yaratish - bu faqat kod yozish emas, balki strategik yondashuv talab qiladigan murakkab...
AdminWind: Free Admin Dashboard Template + 10 More TailwindCSS Templates You Need in 2025
Dev.to · saim 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
AdminWind: Free Admin Dashboard Template + 10 More TailwindCSS Templates You Need in 2025
Building an admin dashboard from scratch? Skip weeks of development with AdminWind - a modern,...
Patrones en Vue 3 para evitar el prop drilling (Composition API) mientras creamos una app básica con Mock.shop API
Dev.to · Alejandro Torres 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Patrones en Vue 3 para evitar el prop drilling (Composition API) mientras creamos una app básica con Mock.shop API
TL;DR Evitar prop drilling en Vue 3 no es solo “comodidad”: reduce acoplamiento y mejora...
Step-by-Step Guide to Setting Up an Angular Application with CMS-Driven Architecture(Optimizely)
Dev.to · Syed Muhammad Haris 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Step-by-Step Guide to Setting Up an Angular Application with CMS-Driven Architecture(Optimizely)
Step-by-Step Guide to Setting Up an Angular Application with...
UI/UX Design Launchpad Curriculum
Dev.to · shahTanya 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
UI/UX Design Launchpad Curriculum
Week 1: Foundations & Visual Design with Figma & FigJam Theme: Understanding...
Comparing Vue's Composition API and Options API
Dev.to · Akshaya Mallyar Shet 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Comparing Vue's Composition API and Options API
Vue.js is a popular front-end framework known for its flexibility and ease of use. With the release...
Day 23 - Alert Component Part 2 - Dynamic Rendering of SVG Icons
Dev.to · Connie Leung 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Day 23 - Alert Component Part 2 - Dynamic Rendering of SVG Icons
Day 23 - Alert Component Part 2 - Dynamic Rendering of SVG Icons Table of...
Global Event Bus in Vue
Dev.to · Jakub Andrzejewski 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Global Event Bus in Vue
When building Vue applications, especially those that involve multiple deeply nested components, one...
Appendix: Visual Showcase of My Jekyll Theme - Gallery Features & File Explorer Navigation
Dev.to · Du-Hyeon, Kim 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Appendix: Visual Showcase of My Jekyll Theme - Gallery Features & File Explorer Navigation
Appendix: Visual Showcase of My Jekyll Theme Hey everyone! 👋 Following up on my previous...
The Unseen Conductor: Orchestrating App Notifications with EventBus
Dev.to · Pradnyanand Milind Pohare 🖌️ UI/UX Design 9mo ago
The Unseen Conductor: Orchestrating App Notifications with EventBus
Context and The Problem. At my current company, we have a wholesale app designed for...
Designing a clean P/L dashboard (cards > clutter) — help us refine the UX
Dev.to · 22s Pocket Portfolio 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Designing a clean P/L dashboard (cards > clutter) — help us refine the UX
Finance UIs love dense tables. We went with cards for scannability, mobile comfort, and...
Why Branding Consistency Matters More Than a “Perfect” Logo and Why Developers Should Care
Dev.to · SRKDAN 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Why Branding Consistency Matters More Than a “Perfect” Logo and Why Developers Should Care
When you’re building a startup or side project, it’s tempting to obsess over getting the perfect...
Shad cn vue Like Nuxt/Vue Librarys :fire:
Dev.to · Ismael Garcia 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Shad cn vue Like Nuxt/Vue Librarys :fire:
https://vue-bits.dev/ Vue Bits is a large collection of animated VueJS UI components made to spice...
🎨 Tailwind CSS: The Utility-First Approach Explained
Dev.to · Kaif Zaki 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
🎨 Tailwind CSS: The Utility-First Approach Explained
When building modern UIs, developers often face a choice: write custom CSS or use a framework....
Understanding Margin Collapse: The Invisible Force Breaking Your Layout
Dev.to · Mahmoud-Zaid 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Understanding Margin Collapse: The Invisible Force Breaking Your Layout
If you've ever added a margin to an element in CSS and watched it mysteriously disappear, you're not...
Solved: Why Tailwind CSS Wasn't Working with My Vite React App
Dev.to · Minoosh 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Solved: Why Tailwind CSS Wasn't Working with My Vite React App
Hey fellow developers! 👋 Just solved a classic frontend setup puzzle and thought I'd share in case...
Build Interactive Tag Inputs with TailwindCSS and jQuery
Dev.to · jQueryScript 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Build Interactive Tag Inputs with TailwindCSS and jQuery
TailwindCSS Tag Input System is a handy jQuery plugin that turns a simple text field into a clean,...
Handling Cross-Browser Compatibility with Tailwind CSS
Dev.to · Arinze Obieze 🖌️ UI/UX Design ⚡ AI Lesson 9mo ago
Handling Cross-Browser Compatibility with Tailwind CSS
Interviewer: “How are you going to handle cross-browser compatibility in this project?” This is one...
Rediscovering the Basics: My Week 1 Journey into Design Principles at Flexisaf
Dev.to · James Anyalewechi 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Rediscovering the Basics: My Week 1 Journey into Design Principles at Flexisaf
🌟 Flexisaf Internship — Week 1: Principles of Design This week, I kicked off my Flexisaf...
Building Dark Mode & Dynamic Theming with Kotlin & Jetpack Compose: Advanced Settings, DataStore & Color Management
Dev.to · A0mineTV 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Building Dark Mode & Dynamic Theming with Kotlin & Jetpack Compose: Advanced Settings, DataStore & Color Management
When building dark mode and dynamic theming with Kotlin and Jetpack Compose, seamless user experience...
Archi-UI Tailwind Styled (UI-Library)
Dev.to · Vishnu Sangammanavar 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Archi-UI Tailwind Styled (UI-Library)
Hey peeps! 👋 Super excited to share some big news! My UI library, Archi-UI, is now live on npm and...
Component Libraries vs Design Systems: What’s Best for Your Project in 2025? 🏗️
Dev.to · Taha Majlesi Pour 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Component Libraries vs Design Systems: What’s Best for Your Project in 2025? 🏗️
Introduction When building front-end applications, teams often face a key question: Should...
Typography for Rails developers
Dev.to · Rails Designer 🖌️ UI/UX Design 10mo ago
Typography for Rails developers
This article was originally published on Rails Designer Using professional typography in your...
4 Beautiful Article Components for Your Next Blog - TailwindCSS, React & Vue Ready
Dev.to · saim 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
4 Beautiful Article Components for Your Next Blog - TailwindCSS, React & Vue Ready
Building a blog or news site? You need beautiful, responsive article components that work across all...
Announcing `tw-prose`: A CSS-Only Typography Plugin for Tailwind CSS v4
Dev.to · khalil la 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Announcing `tw-prose`: A CSS-Only Typography Plugin for Tailwind CSS v4
I'am excited to introduce tw-prose — a CSS-only implementation of the Tailwind Typography plugin...
Dashboard Design: Key Considerations for an Effective UI
Dev.to · Lollypop Design 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Dashboard Design: Key Considerations for an Effective UI
In today’s data-driven world, businesses have access to massive datasets to uncover patterns and...
Meet Iconshelf.com: Your New Go-To Hub for Free Open Source SVG Icons
Dev.to · GoOnlineTools 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Meet Iconshelf.com: Your New Go-To Hub for Free Open Source SVG Icons
Hey fellow developers and designers! 👋 Tired of finding through endless icon libraries for the...
Flutter Trends 2025: The Future of Cross-Platform Development
Dev.to · Andrews Joey 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Flutter Trends 2025: The Future of Cross-Platform Development
Quick summary Flutter trends in 2025 showcase Google’s framework evolving beyond mobile...
4 TailwindCSS Features You’re Probably Sleeping On 😴 (With Playground Demo)
Dev.to · Lin Aung 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
4 TailwindCSS Features You’re Probably Sleeping On 😴 (With Playground Demo)
Most people use Tailwind for the basics: flex, grid, spacing, colors. Cool. But Tailwind is hiding...
Tailwind CSS + Svelte: Utility-First Styling at Scale
Dev.to · Ali Aslam 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Tailwind CSS + Svelte: Utility-First Styling at Scale
Svelte’s scoped CSS is fantastic for encapsulated components. But when your app grows, writing custom...
Svelte Motion & Theming Guide: Transitions, Animations, and Dark Mode Explained
Dev.to · Ali Aslam 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Svelte Motion & Theming Guide: Transitions, Animations, and Dark Mode Explained
A static UI works. A delightful UI moves. Animation and theming are what give apps personality — the...
Styling in Svelte (Scoped CSS, :global, and Class Directives)
Dev.to · Ali Aslam 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Styling in Svelte (Scoped CSS, :global, and Class Directives)
Why Styling Matters 🎨 Code makes apps work, but styling makes them delightful. Imagine a...
Make a Calendar app with SwiftUI - part 2
Dev.to · Chanh Le 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Make a Calendar app with SwiftUI - part 2
In part 1, I did show you how to build a simple Calendar App with SwiftUI. This part 2 will continue...
Conditionals in Svelte — {#if}, {:else}, and Nesting Explained
Dev.to · Ali Aslam 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Conditionals in Svelte — {#if}, {:else}, and Nesting Explained
Imagine opening an app and always seeing the same thing, no matter who you are or what you’ve...
Top 10 UI library your ultimate weapon for development in 2025!
Dev.to · Shekhar 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Top 10 UI library your ultimate weapon for development in 2025!
As a Full-Stack developer I can feel a pain of developer to design and develop website with...
Top 10 UI library your ultimate weapon for development in 2025!
Dev.to · Shekhar 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Top 10 UI library your ultimate weapon for development in 2025!
As a Full-Stack developer I can feel a pain of developer to design and develop website with...
Svelte Events & Bindings Tutorial: Master Parent-Child Communication
Dev.to · Ali Aslam 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Svelte Events & Bindings Tutorial: Master Parent-Child Communication
Imagine you’re building an app with buttons, forms, checkboxes — the usual gang. One of the first...
Modern CSS organization (in Rails)
Dev.to · Rails Designer 🖌️ UI/UX Design ⚡ AI Lesson 10mo ago
Modern CSS organization (in Rails)
This article was originally published on Rails Designer I recently launched Rails Designers. The...