Tech Skills
UI/UX Design
User research, Figma, wireframing, design systems, prototyping and usability
Skills in this topic
4 skills — Sign in to track your progress
Dev.to · albert nahas
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Favicon Best Practices for Modern Web Apps in 2025
Master favicon best practices for 2025 web apps! Learn generation to deployment tips for all platforms. Boost your site's branding—start now!
Dev.to · Darian Vance
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Solved: Why do so many apps use ✨ to represent AI? When did sparkles become the symbol for AI features?
🚀 Executive Summary TL;DR: The widespread use of the ✨ sparkle emoji to represent AI...
Dev.to · Rakesh Swain
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Why I Built Fluxy: Rethinking Flutter Architecture
Flutter is an incredible UI toolkit. But as applications grow, their architecture often becomes...
Dev.to · John Yaghobieh
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Bear UI 1.0.9: 13 New Components, Animation Hooks, and a macOS-Style Dock
Bear UI is the component library for the ForgeStack ecosystem. Version 1.0.9 is a large release. It...
Dev.to · Padparadscho
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Building a Terminal User Interface (TUI) for Stellar RPC with Rust and Ratatui
Introduction When building Soroban smart contracts, developers often need to interact with...
Dev.to · Shayan
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Animation & Motion Design INSIDE FIGMA 2026
I always enjoyed designing inside Figma, But when it comes to animation, then we have to either go...
Dev.to · uuware
🖌️ UI/UX Design
4mo ago
10 Minutes! Build a Stunning Personal CV Website with Markdown
Finding a good job starts with a great CV. If you can turn that CV into a professional personal...
Dev.to · Kaden Wildauer
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
How to Choose Colors When Designing a Website
This article is going to cover colors - specifically, how to choose them when designing a website,...
Dev.to · Rein Van Oyen
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Experimenting with the idea of a "TypeScript" for CSS
Hi, I'm building Loom and with that I'm trying to bring better guarantees, contracts and...
Dev.to · Rakesh Swain
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Fluxy: A Modern Flutter Framework That Finally Fixes UI Complexity, Performance, and Architecture
Flutter is one of the most powerful cross-platform frameworks available today. But let’s be...
Dev.to · Paulo Junior
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
D3.js não deveria saber de onde vêm os dados
Introdução — o problema real (não é o D3) Quando começamos a trabalhar com visualização de...
Dev.to · Shayan
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
I built a FREE animation plugin for Figma: MotionKit
So here's the thing — I've been building stuff in Figma for years, and the one thing that always...
Dev.to · Olayemi Elsie
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Component Composition & State Flow
Component composition is how we build complex UIs by combining smaller, reusable components. Instead...
![[SUI] Master/content/detail con NavigationSplitView](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9q1sfzbu45oo8mg66vx1.png)
Dev.to · GoyesDev
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
[SUI] Master/content/detail con NavigationSplitView
NavigationSplitView también permite construir el patrón de navegación "master"/"content"/"detail",...
Dev.to · Sonia Bobrik
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Visual Storytelling in the Slide Era: Make Your Slides Think With You
Most people don’t hate presentations — they hate wasting attention. The difference matters, because...
![[SUI] Master detail con NavigationSplitView](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm7qmlnlyxbuaxe1tyslo.png)
Dev.to · GoyesDev
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
[SUI] Master detail con NavigationSplitView
NavigationSplitView permite encajar dos o tres vistas en una pantalla bajo el patrón...
Dev.to · Muhammad
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Fixing React Performance at Scale: A Senior Engineer's Practical Playbook
Fixing React Performance at Scale: A Senior Engineer's Practical Playbook Premature...
Dev.to · A0mineTV
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
GSAP + Vue 3: A buttery-smooth RAF loop for parallax (Nuxt-friendly)
When you build a portfolio, you quickly realize something: animations are either delightful or...
Dev.to · A0mineTV
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Vue 3 + Pinia: Predictable State with Optimistic Updates (and clean rollbacks)
TL;DR — Keep your business logic in a Pinia store. Do the UI update optimistically (immediately),...
Dev.to · Zdenek Spacek
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
I Built a Free WCAG Accessibility Scanner — Here's What I Learned
As a solo developer building in public, I recently launched AccessiGuard — a free WCAG accessibility...
Dev.to · Karol Modelski
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
How To Build Angular Components Teams Actually Reuse (No More Copy-Paste Hell)
Ever built a “reusable” modal in Angular that felt like a win at first? You know, the one everyone...
![[Prototype]Management Screen with LogArea](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmsps8cd2iwz1embt4bak.png)
Dev.to · Shogo Obata
🖌️ UI/UX Design
4mo ago
[Prototype]Management Screen with LogArea
Check out this Pen I made!
Dev.to · Emrah G.
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
HUD Overlays with Canvas 2D
Ever wanted to record yourself looking like you're on a Mars mission, running a cyber operation, or...
Dev.to · Shashwat Pritish
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Your UI Isn’t Ugly — It’s Inconsistent (Here’s How to Fix That)”
Most developers think their UI looks bad because they’re “not good at design”. That’s rarely the real...
![[SUI] Preferences](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fflrw6cbrh01oq84rc0tn.png)
Dev.to · GoyesDev
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
[SUI] Preferences
Preferences permite a una vista enviar información a sus contenedores. Para empezar se debe definir...
Dev.to · Adam Marsden
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
🔇 You’re breaking screen readers
Hey there 👋 We’ve made a couple of tweaks to the newsletter going forward. You’ll get to value...
Dev.to · Daniil Kornilov
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
10 SwiftUI Mistakes Every Beginner Makes (And How to Fix Them)
When I started learning SwiftUI two years ago, I made every mistake in the book. After building 10+...
![[SUI] GeometryReader](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fahgrxkjb9bitc3ypqmk2.png)
Dev.to · GoyesDev
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
[SUI] GeometryReader
GeometryReader define su contenido como una función del tamaño que tiene disponible. Este recibe un...
![[SUI] Barra lateral (Sidebar)](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqic7b18ejd4bzprxqqqw.png)
Dev.to · GoyesDev
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
[SUI] Barra lateral (Sidebar)
En iPadOS y MacOS se pueden presentar las pestañas en una barra lateral modificando el TabView con...
Dev.to · Alex Neamtu
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
How We Added Real-Time Drawing Annotations to Screen Recordings
Screen recordings get better when you can point at things. Circle a button, underline text, draw an...
Dev.to · Guilherme Zaia
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Hello, dev.to! I’m hybrid: 13 Years of Design, C#, and AI.
They say you have to choose a side: Design or Engineering. I’ve spent the last 13 years proving...
Dev.to · Hestia
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
Why Pixel Fonts Still Slap in 2026
Exploring the resurgence of retro typography in modern UI design — and why nostalgia sells. February...
Dev.to · Samandar Hodiev
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
UX/UI Typography
Typography deganda nimani tushunamiz? Typography bu: qaysi shrift ishlatiladi qaysi joyda...
Dev.to · Anurag Dubey
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
The Hidden Gem of Flutter Lists: Unlocking scrollable_positioned_list's Superpowers
As Flutter developers, we've all faced the common challenge: building lists that need more control...
Dev.to · dineshrajdhanapathyDD
🖌️ UI/UX Design
⚡ AI Lesson
4mo ago
From Vision to Interaction: A Workplace Dashboard That Works
As part of a hands-on challenge, I built a fully interactive, responsive company dashboard from...
![[SUI] TipKit](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqghz52n0xwicvmeqtc53.png)
Dev.to · GoyesDev
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
[SUI] TipKit
Se pueden presentar consejos en la pantalla para dar información breve al usuario acerca de cómo usar...
Dev.to · vast cow
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
Tailwind CSS v4.1.18 Beginner Guide (Static HTML + JavaScript)
A practical setup that builds only the CSS you actually use — with a polished Light/Dark toggle...
![[SUI] Alertas](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4210zindtyecx56w0k2x.png)
Dev.to · GoyesDev
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
[SUI] Alertas
Se puede usar una alerta para pedir confirmación de parte del...
Dev.to · younes
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
Building a Multilingual Virtual Keyboard with Next.js — Supporting 100+ Languages
Ever tried typing in Arabic, Thai, or Georgian on a standard QWERTY keyboard? It's painful. You...
Dev.to · Noor ul hassan
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
Tailwind A11y Checker 🌊♿ — Stop shipping inaccessible UIs by accident
Real talk: I used to think "accessibility" meant running Lighthouse before deploy. Then a user...
Dev.to · Abhilash Hegde
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
Modern CSS Is a Platform, Not a Styling Language
For most of the web's history, CSS has been treated as a thin presentation layer — useful for layout...
Dev.to · Jakub Andrzejewski
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
Responsive Images for Better Web Performance
Images are often the largest assets on a website—and one of the most common performance bottlenecks....
Dev.to · IamThiagoIT
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
PrimeNG: A biblioteca UI que continua elevando o nível do desenvolvimento Angular em 2026
Se você desenvolve aplicações Angular e ainda não testou (ou atualizou) o PrimeNG recentemente,...
Dev.to · Saloni Agrawal
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
Figma + VS Code using MCP server
I recently shared about MCP servers and how they help AI get better context from real systems. Now,...
Dev.to · Ogasawara Kakeru
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
ReactJS Design Pattern ~Empty State Pattern~
・This pattern is providing helpful message or guidance in case lists or contents are empty. Thanks to...
Dev.to · ujja
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
Shadow DOM Tailwind and shadcn/ui all have their strengths, but they do not always play nicely together. Sometimes you just have to compromise. Use Shadow DOM only for simple components, let portals work normally, and accept a bit of global CSS.
I Know This Will Upset Some Devs, but Tailwind + Shadcn/ui +...
![[SUI] Transición de tipo Zoom](https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkz2bh082tq7uqoafl7yc.png)
Dev.to · GoyesDev
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
[SUI] Transición de tipo Zoom
Para definir una animación de tipo Zoom se debe definir: ¿Qué vista se va a presentar con Zoom? /...
Dev.to · Rob Levin
🖌️ UI/UX Design
⚡ AI Lesson
5mo ago
AgnosticUI Onboarding Playbook
AI-driven prompts to generate multi-step onboarding wizard across React, Vue, and Lit.
DeepCamp AI