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 · PixelFresh
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Why I Built a Browser-Based Image Tool That Never Uploads Your Photos
Why I Built a Browser-Based Image Tool That Never Uploads Your Photos Every time you...

Dev.to · Pixeliro
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
How to Switch Themes in CSS Without Breaking Your UI (Design Token Approach)
How to Switch Themes in CSS Without Breaking Your UI (Design Token Approach) ...

Dev.to · Damascus Mosley
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
I Built a Free Accessibility Auditor That Actually Passes Its Own Audit
Most free accessibility tools have an accessibility problem. WAVE is a browser extension with no...

Dev.to · Luciano0322
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Signals in React (II): Tear-Free Subscriptions
Goal of This Article Integrate our previously implemented signal / omputed system into...

Dev.to · Ana Andrade Gonsalves
🖌️ UI/UX Design
3mo ago
Power Apps Design: Relógio Moderno Personalizado + Tela Completa
Esse código cria uma tela de agendamento no Power Apps. Ela é dividida em 3 partes: Cabeçalho:...

Dev.to · Nick
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Turn any website into editable Figma layers (for free and no plugin)
Just made a free Chrome extension that lets you grab a web page and bring it into Figma as editable...

Dev.to · Adarsh
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Why your React app is invisible to Google (and how I fixed it)
React SPAs often look perfect in the browser but invisible to search engines. Here's a simple way to fix it.

Dev.to · Harish Kotra (he/him)
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Building a Rapid A/B Test Generator with Google Stitch SDK
In the fast-paced world of UI/UX design, the ability to quickly visualize and iterate on ideas is a...

Dev.to · Tea
🖌️ UI/UX Design
3mo ago
The Attribution Story
The year is 1999. Ask kids who invented the personal computer? "Bill Gates" - a symptom of how...

Dev.to · SUJIT KOJI
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Engineering "Interfaces That Feel Alive" - My Design Philosophy
Portfolio: The Core Concept Websites shouldn't just be viewed; they should be felt. When...

Dev.to · Mohammed Ayaan Adil Ahmed
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Designing a "Living" UI: Prototyping Emotional Residue in Figma
A deep dive into the systems thinking behind Tide—a tool designed to visualize the invisible labor of empathy.

Dev.to · iOSbySSG
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
I open-sourced 5 tiny SwiftUI utilities I use in every project
Hey everyone! I've been building iOS apps for a while and kept copying the same utilities across...

Dev.to · Oguz
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Component Design for JavaScript Frameworks
You have seen it before. A Figma file lands in your lap with frames named Group 47, colors hard-coded...

Dev.to · Saikat Goswami
🖌️ UI/UX Design
3mo ago
Python HTTP Server on Ubuntu
Running a lightweight HTTP server is one of the easiest ways to test, present, or prototype your work...

Dev.to · Pawar Shivam
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Most Developers Ignore the <main> Tag — But It Fixes a Big Accessibility Problem
A small semantic HTML element that improves accessibility, page structure, and SEO clarity. ...

Dev.to · PlacePack
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Stop hardcoding image URLs in your Storybook stories
Random placeholder URLs like Lorem Picsum break visual regression snapshots. Here's how to use PlacePack's deterministic API URLs to fix that once and for all.

Dev.to · Hikyou SMP
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Building a Raycast-style Minecraft Launcher (Keyboard-first UX)
Building a Raycast-style Minecraft Launcher (Keyboard-first UX) Minecraft is a game of infinite...

Dev.to · Dan
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Graphic Design With Google Gemini
Title : Graphic Design with Google Gemini: Practical Workflows, Prompts, and Ethical...

Dev.to · Kei
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
I rebuilt CareerAutomata's UI — here's what I changed and why
I've been running CareerAutomata for a while now — a tool that lets job seekers search directly from...

Dev.to · Shelomith Anyango
🖌️ UI/UX Design
3mo ago
JAVA AWT AND HOW IT'S USED
1.Introduction Java Absract Window Toolkit(AWT) is a Graphical User Interface(GUI)...

Dev.to · Jose Soto
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
How to give your AI the eye of a designer
You've been using Cursor or v0 for a few months. You can spin up a landing page in 20 minutes. The...

Dev.to · Nickolay Platonov
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Reactivity beyond React
UI vs. Data Reactivity has recently become a dominant paradigm for UI development. It was...

Dev.to · Toucan
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Your design system has a coupling problem
Pick a popular component library, find the Button component. This one thing does three jobs...

Dev.to · Vaibhav Shukla
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
I Found 60 Accessibility Bugs on Google Support That No Tool Catches
I broke Google Support last week. Or rather, I proved it was already broken. Not in English. In...

Dev.to · Pawar Shivam
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Why <label> and <button> Are Better Than <div> for Forms
Small HTML Choices That Affect Accessibility Many developers focus on JavaScript...

Dev.to · Rustamjon Akhmedov
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Is Your Alt Text Actually Good? A Developer's Guide to Writing (and Checking) Descriptions That Work
You've added alt text. But is it any good? Most developers I talk to treat alt text as a binary...

Dev.to · Rustamjon Akhmedov
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
How to Get Your Website WCAG 2.2 Compliant (Without Losing Your Mind)
Here's a stat that should make every developer pause: 96% of websites have detectable WCAG failures....
Dev.to · Suraj Vishwakarma
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
How We Used Next.js to Improve Core Web Vitals
TL;DR Performance on the frontend is crucial for a positive user experience. Bad...

Dev.to · Marcus Reynolds
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Building Beautiful React Native Apps Lightning-Fast with HeroUI Native & Uniwind 🚀
If you’ve been doing React Native development recently, you already know the massive impact...

Dev.to · Varsha Ojha
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
How to Design iOS Apps for Long-Term Maintainability and Scalability
Most iOS apps do not fail because of one bad release, but because their structure cannot support...

Dev.to · JSGuruJobs
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
6 React Accessibility Patterns Prevent WCAG AA Failures in Production
Accessibility is not a cleanup task anymore. These 6 React patterns fix the failures that usually...

Dev.to · John Yaghobieh
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Bear UI v1.1.5: PropsPlayground, PageNav, Button Refactor, and a Polished Portal
@forgedevstack/bear is a Tailwind-powered React UI library — TypeScript-first, zero config,...

Dev.to · Serif COLAKEL
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Building a Cost-Efficient Generative UI Architecture in React Native
In this article, I want to share the architecture we built for Generative UI in the Fonyx...

Dev.to · Shanthi's Dev Diary
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Web Components: The Most Underrated Feature of the Modern Web
A few days ago, one of my colleagues casually asked me: “Do you know Web Components?” My...

Dev.to · Million Ways To Code
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
The Canvas Revolution: When Pixels Took Over the Web
Canvas vs. SVG: The Trade-Offs That Matter I still remember the first time I messed around...

Dev.to · nireadaddy
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Figma MCP: A Design-to-Code Pipeline for Scalable Products Across Multiple Projects
The Problem Every Design Team Faces If you've ever maintained a Design System used across...

Dev.to · Codebar Library
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Building an Interactive 3D Magnetic Input Field with GSAP & Tailwind CSS
Most input fields are static, flat, and honestly... a bit boring. But what if your search bar or...

Dev.to · Zack Webster
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Keep Forms Simple, Silly
Online forms are one of the most common points of interaction between a business and its users. They...

Dev.to · Ogasawara Kakeru
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
ReactJS Anti Pattern ~Props missing HTML attributes~
When designing shared components, it is essential to ensure that the native behavior of HTML is not...

Dev.to · Palak Hirave
🖌️ UI/UX Design
3mo ago
Design Thinking : Example Part 2
This is a continuation of the example, if you have not viewed that one yet, please do so. ...

Dev.to · Prerak Mathur
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Tokis: A Performance-First, Token-Native UI Library for Building Modern Design Systems
Tokis: An experiment in building a token-first UI library Over the past few months...

Dev.to · labdays
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Vibe Coding Challenge — Day 16: Printable Designs
Bullet journals, to-do lists, habit trackers. All just a click away. Announcement With the...

Dev.to · Munna Thakur
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Why Most React Apps Fail Core Web Vitals (And How to Actually Fix Them)
You built a React app. It looks great. But Google PageSpeed gives you a 45 score and your users are...

Dev.to · Miguel Angel Sosa Menchaca
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
How I Built a Production-Ready Dashboard Template with Tailwind CSS 4.0
Every time I started a new project, the same thing happened: I'd spend the first two or three weeks...

Dev.to · Mrugesh Tank
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
SwiftUI Debugging: 6 Techniques Every iOS Dev Should Know
SwiftUI Previews are magical when they work. When they don't, staring at "Preview crashed" with no...

Dev.to · Soft Heart Engineer
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Mastering CSS Scroll Timeline: A Complete Guide to Animation on Scroll in 2026
Introduction to Scroll Timeline API Have you ever wanted to create stunning scroll-driven...

Dev.to · Palak Hirave
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Design Thinking : Example Part 1
Now that we have had a run down of the process, let's work with a basic example. Now you have...

Dev.to · AttractivePenguin
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Why I'm Done Coding Terminal UIs Manually
Why I'm Done Coding Terminal UIs Manually A visual tool saved me hours — here's how it...
DeepCamp AI