Tech Skills

UI/UX Design

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

14,978
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,777) Articles (2902)Blog Posts (3207)Tutorials (257)Research Papers (12)News (399)
Build Beautiful Terminal UIs in Minutes — No More Coding Every Detail
Dev.to · AttractivePenguin 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Build Beautiful Terminal UIs in Minutes — No More Coding Every Detail
Build Beautiful Terminal UIs in Minutes — No More Coding Every Detail If you've ever built...
🧑‍💻 Alt Text vs ARIA Labels — What Developers Often Miss
Dev.to · Pawar Shivam 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
🧑‍💻 Alt Text vs ARIA Labels — What Developers Often Miss
Most developers know the basics of Alt Text for images. But when building modern apps with complex...
Liquid Glass UI 2026 — CSS @property Morphing Cards, Zero JavaScript
Dev.to · Ahmod Musa 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Liquid Glass UI 2026 — CSS @property Morphing Cards, Zero JavaScript
Liquid glass morphing cards built with pure CSS — zero JavaScript. Features CSS @property animated...
Mastering Web Typography: Building a Real-Time Font Preview Tool with the Local Font Access API.
Dev.to · Muhammad Afsar Khan 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mastering Web Typography: Building a Real-Time Font Preview Tool with the Local Font Access API.
We all know the struggle of choosing a font for a project. You have your design system in Figma, your...
Mantine Parallax v3 — From Tilt Card to Interactive Card System
Dev.to · Giovambattista Fazioli 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mantine Parallax v3 — From Tilt Card to Interactive Card System
Spring physics, gyroscope, glare effects, compound layers, keyboard accessibility, and a 60fps...
Mantine Text Animate v3 - The Text Animation Toolkit Gets a Major Upgrade
Dev.to · Giovambattista Fazioli 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mantine Text Animate v3 - The Text Animation Toolkit Gets a Major Upgrade
Five new compound components, loop animations, viewport triggers, sound effects, and full...
I Built 55+ CodePens for Every AgnosticUI Component. Here's What I Learned.
Dev.to · Rob Levin 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I Built 55+ CodePens for Every AgnosticUI Component. Here's What I Learned.
It started as a documentation task. It became a quality audit I didn't know I needed.
I built “Mozary”: An iOS App That Turns Your Photos Into a Zoomable Mosaic
Dev.to · Yuiko Koyanagi 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I built “Mozary”: An iOS App That Turns Your Photos Into a Zoomable Mosaic
Mozary is an iOS app that turns hundreds of your photos into a single zoomable mosaic. Zoom out →...
From GreyBox to Styled Video
Dev.to · Art 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
From GreyBox to Styled Video
A Forge Use Case When building applications, scenes, or interactive layouts, the...
Flow Render: Render components in async flows — make your UI awaitable.
Dev.to · sxq 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Flow Render: Render components in async flows — make your UI awaitable.
Flow Render provides a Promise-based UI rendering approach that allows you to render components like...
137 migrations and counting: building a personal OS schema from scratch
Dev.to · Victor García 🖌️ UI/UX Design 3mo ago
137 migrations and counting: building a personal OS schema from scratch
I started this project on February 18th, 2026. The idea was embarrassingly simple: I wanted a...
Prompt Area designed for AI Chat UIs
Dev.to · Ilko Kacharov 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Prompt Area designed for AI Chat UIs
Introduction The text input is the most-used element in any chat UI Yet it's always an...
🚀Top Tips to Optimize Images for Faster Websites
Dev.to · Frontend tools 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
🚀Top Tips to Optimize Images for Faster Websites
Images often make up 50–80% of a webpage’s total size. If they're not optimized, they can...
Free E-Commerce Admin Dashboard Template (30+ Pages) – KA Nexus Admin
Dev.to · Mesut Aslan 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Free E-Commerce Admin Dashboard Template (30+ Pages) – KA Nexus Admin
Building a modern admin dashboard for an e-commerce or SaaS application can take a lot of time....
Design or Die: How UX Decides the Fate of Fintech Apps
Dev.to · GeekyAnts Inc 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Design or Die: How UX Decides the Fate of Fintech Apps
Poor UX kills fintech apps faster than bugs. Learn how design, trust, and personalization decide...
Open Source Project of the Day (Part 15): MapToPoster - Converting City Maps into Beautiful Poster Designs with Code
Dev.to · WonderLab 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Open Source Project of the Day (Part 15): MapToPoster - Converting City Maps into Beautiful Poster Designs with Code
Introduction "Every city has a unique road texture, as distinctive as a...
Design Thinking : Test
Dev.to · Palak Hirave 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Design Thinking : Test
Now we have moved onto the step in the design thinking process. In this one, we will finally test...
Senior UI Developers in the AI Era: What Skills Will Matter Next?
Dev.to · Nagendra Namburi 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Senior UI Developers in the AI Era: What Skills Will Matter Next?
Artificial Intelligence is rapidly changing how software is built. Many developers are asking the...
I Built a Free Startup & SaaS Website Template with TailwindCSS
Dev.to · Mesut Aslan 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I Built a Free Startup & SaaS Website Template with TailwindCSS
Building a modern startup website from scratch can take a lot of time. Most founders and developers...
50% of Your Users Don't Have Eyes
Dev.to · Fard Johnmar 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
50% of Your Users Don't Have Eyes
"Thirty years of change is being compressed into three years." — Satya Nadella Adrian Levy's recent...
From 'Rethinking Best Practices' to the Compiler: The Metamorphosis of React (2013-2025)
Dev.to · Abdul Fadiga 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
From 'Rethinking Best Practices' to the Compiler: The Metamorphosis of React (2013-2025)
Exploring the architectural journey of React from the Virtual DOM to the React Compiler and Server Components.
How to Setup Tailwind CSS v4 & shadcn/ui in AdonisJS v7 (React + Inertia)
Dev.to · Ahsan Abrar 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to Setup Tailwind CSS v4 & shadcn/ui in AdonisJS v7 (React + Inertia)
In this guide, I'll show you how to combine these powerhouses with Inertia.js, React, and the latest...
Modern Frontend Architecture — React, Svelte, and the Performance Patterns That Matter
Dev.to · Matthias Bruns 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Modern Frontend Architecture — React, Svelte, and the Performance Patterns That Matter
Islands architecture, signals, server components, and Core Web Vitals. A practical guide to frontend architecture decisions in 2026 — beyond framework hype.
𝗧𝗵𝗲 𝗛𝗶𝗱𝗱𝗲𝗻 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 𝗕𝗲𝗵𝗶𝗻𝗱 𝗥𝗲𝗮𝗹‑𝗧𝗶𝗺𝗲 𝗨𝗜𝘀: 𝗪𝗵𝗮𝘁 𝗠𝗼𝘀𝘁 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝘀 𝗢𝘃𝗲𝗿𝗹𝗼𝗼𝗸
Dev.to · Ricardo Saumeth 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
𝗧𝗵𝗲 𝗛𝗶𝗱𝗱𝗲𝗻 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 𝗕𝗲𝗵𝗶𝗻𝗱 𝗥𝗲𝗮𝗹‑𝗧𝗶𝗺𝗲 𝗨𝗜𝘀: 𝗪𝗵𝗮𝘁 𝗠𝗼𝘀𝘁 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝘀 𝗢𝘃𝗲𝗿𝗹𝗼𝗼𝗸
Most engineers think real‑time UI engineering is about speed. It isn’t. Speed is just the...
𝗪𝗵𝘆 𝗥𝗲𝗮𝗹‑𝗧𝗶𝗺𝗲 𝗨𝗜𝘀 𝗕𝗿𝗲𝗮𝗸 𝗮𝘁 𝗦𝗰𝗮𝗹𝗲 (𝗔𝗻𝗱 𝘁𝗵𝗲 𝟯 𝗣𝗮𝘁𝘁𝗲𝗿𝗻𝘀 𝗧𝗵𝗮𝘁 𝗔𝗹𝘄𝗮𝘆𝘀 𝗦𝘂𝗿𝘃𝗶𝘃𝗲 𝗟𝗼𝗮𝗱)
Dev.to · Ricardo Saumeth 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
𝗪𝗵𝘆 𝗥𝗲𝗮𝗹‑𝗧𝗶𝗺𝗲 𝗨𝗜𝘀 𝗕𝗿𝗲𝗮𝗸 𝗮𝘁 𝗦𝗰𝗮𝗹𝗲 (𝗔𝗻𝗱 𝘁𝗵𝗲 𝟯 𝗣𝗮𝘁𝘁𝗲𝗿𝗻𝘀 𝗧𝗵𝗮𝘁 𝗔𝗹𝘄𝗮𝘆𝘀 𝗦𝘂𝗿𝘃𝗶𝘃𝗲 𝗟𝗼𝗮𝗱)
Most front‑end engineers think real‑time systems fail because of “speed.” They don’t. Real‑time UIs...
𝗥𝗲𝗮𝗹‑𝗧𝗶𝗺𝗲 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 𝗜𝘀𝗻’𝘁 𝗔𝗯𝗼𝘂𝘁 𝗦𝗽𝗲𝗲𝗱 — 𝗜𝘁’𝘀 𝗔𝗯𝗼𝘂𝘁 𝗞𝗻𝗼𝘄𝗶𝗻𝗴 𝗪𝗵𝗲𝗿𝗲 𝘁𝗼 𝗦𝗽𝗲𝗻𝗱 𝗖𝗼𝗺𝗽𝗹𝗲𝘅𝗶𝘁𝘆
Dev.to · Ricardo Saumeth 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
𝗥𝗲𝗮𝗹‑𝗧𝗶𝗺𝗲 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 𝗜𝘀𝗻’𝘁 𝗔𝗯𝗼𝘂𝘁 𝗦𝗽𝗲𝗲𝗱 — 𝗜𝘁’𝘀 𝗔𝗯𝗼𝘂𝘁 𝗞𝗻𝗼𝘄𝗶𝗻𝗴 𝗪𝗵𝗲𝗿𝗲 𝘁𝗼 𝗦𝗽𝗲𝗻𝗱 𝗖𝗼𝗺𝗽𝗹𝗲𝘅𝗶𝘁𝘆
Every real‑time UI eventually hits the same wall. Not because the code is bad. Not because the...
Design Thinking : Prototype
Dev.to · Palak Hirave 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Design Thinking : Prototype
We have understood the user and got together some ideas. Now let's turn those ideas into reality....
Bear UI v1.1.4: 22+ New Components, LOC Badges, and a Better Docs Experience
Dev.to · John Yaghobieh 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Bear UI v1.1.4: 22+ New Components, LOC Badges, and a Better Docs Experience
@forgedevstack/bear is a React UI library built with Tailwind CSS — zero config, TypeScript-first,...
scss-helper v5: A Modern SCSS Utility Toolkit for Tailwind's Gaps
Dev.to · Pooya Golchian 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
scss-helper v5: A Modern SCSS Utility Toolkit for Tailwind's Gaps
scss-helper v5 is a modern SCSS/CSS utility toolkit that complements Tailwind CSS v3/v4 with design tokens, fluid clamp() typography, container queries, dark mo
Stop Using Divs for Everything: The SEO Power of Semantic HTML
Dev.to · Pawar Shivam 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Stop Using Divs for Everything: The SEO Power of Semantic HTML
In the world of modern web development, it is easy to default to the <div> tag for every...
After Effects vs Browser-Based Animation Tools: A Practical Comparison
Dev.to · Luca Rossi 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
After Effects vs Browser-Based Animation Tools: A Practical Comparison
Adobe After Effects is thirty years old. It has dominated the motion design industry for most of that...
Emoji UI
Dev.to · Alexandr 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Emoji UI
Emojis are a very interesting subject. It was invented in Japan approximately one human life ago, but...
RustDesk vs MeshCentral: Remote Access Compared
Dev.to · selfhosting.sh 🖌️ UI/UX Design 3mo ago
RustDesk vs MeshCentral: Remote Access Compared
Quick Verdict RustDesk for personal remote desktop. MeshCentral for managing multiple...
15 Tailwind CSS Tricks That Will Make You a Faster Developer
Dev.to · Aishwarya S 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
15 Tailwind CSS Tricks That Will Make You a Faster Developer
Introduction Tailwind CSS has completely changed how many developers build UI. Instead of...
API Design Principles: Building APIs Developers Actually Want to Use
Dev.to · Wanda 🖌️ UI/UX Design 3mo ago
API Design Principles: Building APIs Developers Actually Want to Use
APIs are the backbone of modern software, connecting services and enabling seamless communication....
The Future of Web Components: Interoperability and Encapsulation
Dev.to · Hardik 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The Future of Web Components: Interoperability and Encapsulation
Web Components are a suite of different technologies allowing you to create reusable custom...
Building Free, High-Performance GSAP Components for the Community
Dev.to · Noor ul hassan 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building Free, High-Performance GSAP Components for the Community
As developers, we’re surrounded by component libraries tailored to frameworks like React, Vue, and...
Layout Builder Expansion & Signature Input – Shadcn UI Multi Form v1.5.0
Dev.to · Santiago Moraga Caldera 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Layout Builder Expansion & Signature Input – Shadcn UI Multi Form v1.5.0
Building tools in public has been one of the most rewarding parts of my developer journey. Over the...
JavaFX UI Automation: Challenges, Existing Tools, and Real-World Event Handling Problems
Dev.to · liu tiger 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
JavaFX UI Automation: Challenges, Existing Tools, and Real-World Event Handling Problems
JavaFX UI Automation: Challenges, Existing Tools, and Real-World Event Handling...
GHSA-V8W9-8MX6-G223: GHSA-v8w9-8mx6-g223: Prototype Pollution in Hono parseBody Utility
Dev.to · CVE Reports 🖌️ UI/UX Design 4mo ago
GHSA-V8W9-8MX6-G223: GHSA-v8w9-8mx6-g223: Prototype Pollution in Hono parseBody Utility
GHSA-v8w9-8mx6-g223: Prototype Pollution in Hono parseBody Utility Vulnerability ID:...
Design Thinking : Ideate
Dev.to · Palak Hirave 🖌️ UI/UX Design 4mo ago
Design Thinking : Ideate
This step is all about creating "How might we...?" questions and brainstorming as many ideas as...
Understanding Vue Composables
Dev.to · Elabid Asmaa 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Understanding Vue Composables
1. What is a Composable? In Vue 3, a composable is a stateful function that encapsulate...
Building a Prop Firm Performance Dashboard with React & D3
Dev.to · Propfirmkey 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Building a Prop Firm Performance Dashboard with React & D3
Every trader needs a performance dashboard. Let's build a real-time prop firm performance tracker...
How to Detect Clicks on CSS Pseudo-Elements
Dev.to · theRealProHacker 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
How to Detect Clicks on CSS Pseudo-Elements
Imagine you want to add a close button to a modal without adding anything to the DOM. So, you use a...
Stop building "Unbuildable" UIs
Dev.to · Maya 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Stop building "Unbuildable" UIs
The "Perfect" Design is a Bug Report I’ve spent years in the design trenches, and if there’s one...
Stop the Noise: Auto PLaying Audio Control and ARIA Live Region Testing
Dev.to · Laura Wissiak, CPACC 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Stop the Noise: Auto PLaying Audio Control and ARIA Live Region Testing
Tools to follow along: ANDI test page Study Group Session 2 Last week,...
Tired of Manually Syncing Design Tokens — So I Built a Figma Plugin
Dev.to · Nibin Kurian 🖌️ UI/UX Design 4mo ago
Tired of Manually Syncing Design Tokens — So I Built a Figma Plugin
I built a Figma plugin to sync design tokens between Figma and code If you’ve worked with design...
Design Thinking : Define
Dev.to · Palak Hirave 🖌️ UI/UX Design ⚡ AI Lesson 4mo ago
Design Thinking : Define
Previously, we talked about what is design thinking and the first step. Now, let's talk about the...