Tech Skills

UI/UX Design

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

9,976
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 (1,787) Articles (760)Blog Posts (846)Tutorials (164)Research Papers (2)News (15)
Lottie Code Review - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Lottie Code Review - Detaylı Teknik Analiz Rehberi 2026
Lottie Nedir? Tarihçe ve Gelişim Süreci Lottie, 2017 yılında Airbnb tarafından geliştirilmiş bir...
CSS3 Flexbox ile Yerleşim Düzeni Oluşturmanın Temel İlkeleri
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS3 Flexbox ile Yerleşim Düzeni Oluşturmanın Temel İlkeleri
CSS3 Flexbox'un Tarihçesi ve Gelişimi CSS3 Flexbox, web tasarımında esnek ve dinamik yerleşim...
From Feeling to Firmware: Build Your First Haptic Feedback Device (10 Minutes)
Dev.to · 張旭豐 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
From Feeling to Firmware: Build Your First Haptic Feedback Device (10 Minutes)
Stop asking what motor should I use. Start with what do I want this to feel like.
SVG Animation: Kapsamlı Anlatım - En İyi Pratikler ve Öneriler
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
SVG Animation: Kapsamlı Anlatım - En İyi Pratikler ve Öneriler
SVG Animation: Kapsamlı Anlatım - En İyi Pratikler ve Öneriler SVG Animasyonlarının Tarihçesi ve...
Vue.js ile Component Tasarımı: Yeniden Kullanılabilir Bileşenler
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Vue.js ile Component Tasarımı: Yeniden Kullanılabilir Bileşenler
Vue.js ve Bileşen Tasarımı: Tarihçe ve Gelişim Vue.js, 2014 yılında Evan You tarafından...
Next.js ile CSS Modülleri Kullanarak Stil Yönetimi Nasıl Yapılır
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
Next.js ile CSS Modülleri Kullanarak Stil Yönetimi Nasıl Yapılır
CSS Modüllerinin Tarihçesi ve Gelişimi CSS Modülleri, modern web geliştirme süreçlerinde stil...
CSS3 ile Parallax Efekt Kullanarak Görsel Derinlik Katın
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS3 ile Parallax Efekt Kullanarak Görsel Derinlik Katın
CSS3 ile Parallax Efektin Tarihçesi ve Gelişimi Parallax efekti, kullanıcı deneyimini...
İleri Seviye Core Web Vitals - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
İleri Seviye Core Web Vitals - Detaylı Teknik Analiz Rehberi 2026
Core Web Vitals'ın Tarihçesi ve Gelişimi Core Web Vitals, Google tarafından geliştirilen ve web...
CSS3 ile Kullanıcı Eylemlerini Yakalayan Tasarım Yöntemleri
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
CSS3 ile Kullanıcı Eylemlerini Yakalayan Tasarım Yöntemleri
CSS3 ve Kullanıcı Eylemleri: Tarihçe ve Gelişim CSS3, Cascading Style Sheets’in üçüncü sürümüdür ve...
SVG Animation Filtering - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🖌️ UI/UX Design ⚡ AI Lesson 2mo ago
SVG Animation Filtering - Detaylı Teknik Analiz Rehberi 2026
SVG Animasyonlarının Tarihçesi ve Gelişimi SVG (Scalable Vector Graphics), XML tabanlı bir vektör...
Defining and creating a basic Design System based on any website (in Figma and React) using Claude
Dev.to · Anastasia Kas 🖌️ UI/UX Design 2mo ago
Defining and creating a basic Design System based on any website (in Figma and React) using Claude
It's 2026, and MCP and design tooling are constantly changing with various improvements in the AI...
Master Your Wellness: Building a Health Knowledge Graph with LLMs and Neo4j 🧬
Dev.to · wellallyTech 🖌️ UI/UX Design 2mo ago
Master Your Wellness: Building a Health Knowledge Graph with LLMs and Neo4j 🧬
We are living in the golden age of personal telemetry. Our watches track our heart rates, our phones...
Skincare as Code: Building a Privacy-First Skin Analysis App with MediaPipe and ONNX
Dev.to · wellallyTech 🖌️ UI/UX Design 3mo ago
Skincare as Code: Building a Privacy-First Skin Analysis App with MediaPipe and ONNX
In an era where personal data is the new gold, healthcare privacy is paramount. Why send sensitive...
10 Years of Blood Reports into One Graph: Building a Personal Medical Knowledge Base with Unstructured.io, Neo4j, and LlamaIndex
Dev.to · wellallyTech 🖌️ UI/UX Design 3mo ago
10 Years of Blood Reports into One Graph: Building a Personal Medical Knowledge Base with Unstructured.io, Neo4j, and LlamaIndex
We’ve all been there: a stack of printed blood reports gathering dust in a drawer, or a folder full...
Accessibility Snapshot Testing in iOS
Dev.to · Mark Steadman 🖌️ UI/UX Design 3mo ago
Accessibility Snapshot Testing in iOS
Snapshot testing is a popular type of regression testing that a lot of development teams are unaware...
Building CDDBS — Part 5: From Prototype to Production
Dev.to · Bellamer 🖌️ UI/UX Design 3mo ago
Building CDDBS — Part 5: From Prototype to Production
The Production Gap There's a moment in every project where the core feature works but the...
How to Send 1000 Personalized Emails with 50 Lines of Python
Dev.to · AxonCraft 🖌️ UI/UX Design 3mo ago
How to Send 1000 Personalized Emails with 50 Lines of Python
How to Send 1000 Personalized Emails with 50 Lines of Python You have a list of 1,000 contacts and a...
A Practical Guide to Using Multiple GitHub Accounts on One Machine (Work + Personal) via SSH
Dev.to · JAYANTH CHALUVADI 🖌️ UI/UX Design 3mo ago
A Practical Guide to Using Multiple GitHub Accounts on One Machine (Work + Personal) via SSH
Struggling with Permission denied (publickey) when switching GitHub accounts? This guide...
How I'm Learning Java From Scratch — The 2-Resource Setup That's Actually Working
Dev.to · karnVen 🖌️ UI/UX Design 3mo ago
How I'm Learning Java From Scratch — The 2-Resource Setup That's Actually Working
Let me be honest with you. This semester, Java is one of my subjects. But due to some personal...
Personal Finance
Dev.to · selfhosting.sh 🖌️ UI/UX Design 3mo ago
Personal Finance
Pick the Right Tool These three apps take fundamentally different approaches to personal...
I Built a Free Accessibility Auditor That Actually Passes Its Own Audit
Dev.to · Damascus Mosley 🖌️ UI/UX Design 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...
Six Characters Fixed My AI's Personality: A Fine-Tuning Story
Dev.to · Meridian_AI 🖌️ UI/UX Design 3mo ago
Six Characters Fixed My AI's Personality: A Fine-Tuning Story
I fine-tuned a 3B model on 9,572 examples of my own voice. It ignored everything. The fix wasn't more data or better hyperparameters — it was a missing chat tem
Power Apps Design: Relógio Moderno Personalizado + Tela Completa
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:...
Turn any website into editable Figma layers (for free and no plugin)
Dev.to · Nick 🖌️ UI/UX Design 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...
The Attribution Story
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...
Designing a "Living" UI: Prototyping Emotional Residue in Figma
Dev.to · Mohammed Ayaan Adil Ahmed 🖌️ UI/UX Design 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.
Send Bulk Emails in Python Using mail-senderpy
Dev.to · Aditya 🖌️ UI/UX Design 3mo ago
Send Bulk Emails in Python Using mail-senderpy
Introduction As a developer, sending bulk or personalized emails is a common requirement...
Component Design for JavaScript Frameworks
Dev.to · Oguz 🖌️ UI/UX Design 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...
AI can't solve this coding problem.
Dev.to · Super Dev 🖌️ UI/UX Design 3mo ago
AI can't solve this coding problem.
Recently, I found myself working on a personal project that involved using FFmpeg WASM to transcode...
Python HTTP Server on Ubuntu
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...
Most Developers Ignore the <main> Tag — But It Fixes a Big Accessibility Problem
Dev.to · Pawar Shivam 🖌️ UI/UX Design 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. ...
The Psychology of SaaS User Abandonment — And How a Product Design Consultant Fixes It
Dev.to · foundey 🖌️ UI/UX Design 3mo ago
The Psychology of SaaS User Abandonment — And How a Product Design Consultant Fixes It
Most founders diagnose user abandonment as a feature problem. Most founders diagnose user...
Proof of Concept vs Prototype vs MVP: Knowing When to Use Which
Dev.to · Lollypop Vietnam 🖌️ UI/UX Design 3mo ago
Proof of Concept vs Prototype vs MVP: Knowing When to Use Which
Product development is rarely a straightforward process. It involves ongoing testing, validation, and...
JAVA AWT AND HOW IT'S USED
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)...
TONETWIST
Dev.to · Sakshi 🖌️ UI/UX Design 3mo ago
TONETWIST
TONE TWIST I Built a Personality Rewriter — Here's What Broke (And What Didn't) The...
Your design system has a coupling problem
Dev.to · Toucan 🖌️ UI/UX Design 3mo ago
Your design system has a coupling problem
Pick a popular component library, find the Button component. This one thing does three jobs...
6 React Accessibility Patterns Prevent WCAG AA Failures in Production
Dev.to · JSGuruJobs 🖌️ UI/UX Design 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...
Building AI-Powered Web Applications: Architecture and Core Components Every Developer Should Know
Dev.to · Vishal Uttam Mane 🖌️ UI/UX Design 3mo ago
Building AI-Powered Web Applications: Architecture and Core Components Every Developer Should Know
Artificial Intelligence is transforming the way modern web applications are built. From personalized...
Detecting and Mitigating Unauthorized Surveillance: Strategies to Protect Personal Devices from State and Non-State Actors
Dev.to · Denis Lavrentyev 🖌️ UI/UX Design 3mo ago
Detecting and Mitigating Unauthorized Surveillance: Strategies to Protect Personal Devices from State and Non-State Actors
Introduction: The Invisible Threat Imagine your smart TV, ostensibly "off," secretly...
I built the personal AI that OpenClaw should have been
Dev.to · R 🖌️ UI/UX Design 3mo ago
I built the personal AI that OpenClaw should have been
OpenClaw hit 216,000 GitHub stars in six weeks. It proved that millions of people want a personal AI...
Figma MCP: A Design-to-Code Pipeline for Scalable Products Across Multiple Projects
Dev.to · nireadaddy 🖌️ UI/UX Design 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...
Design Thinking : Example Part 2
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. ...
I'm building a personal AI that runs locally, owns nothing to the cloud, and answers only to you.
Dev.to · Mike Burns 🖌️ UI/UX Design 3mo ago
I'm building a personal AI that runs locally, owns nothing to the cloud, and answers only to you.
I work full time running industrial robots at a glass factory. I've been in school since 2003. I just...
Running OpenClaw on Kubernetes
Dev.to · Michael Levan 🖌️ UI/UX Design 3mo ago
Running OpenClaw on Kubernetes
The "new and exciting" way of interacting with Agents is the personal assistant method (from...
Design Thinking : Example Part 1
Dev.to · Palak Hirave 🖌️ UI/UX Design 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...
Rust-Based NLE Prototype: Efficient Prompt-Based Editing with Advanced Features and Optimized Timeline Processing
Dev.to · Sergey Boyarchuk 🖌️ UI/UX Design 3mo ago
Rust-Based NLE Prototype: Efficient Prompt-Based Editing with Advanced Features and Optimized Timeline Processing
Introduction In the rapidly evolving landscape of media production, the demand for more...
Mastering Web Typography: Building a Real-Time Font Preview Tool with the Local Font Access API.
Dev.to · Muhammad Afsar Khan 🖌️ UI/UX Design 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 3mo ago
Mantine Parallax v3 — From Tilt Card to Interactive Card System
Spring physics, gyroscope, glare effects, compound layers, keyboard accessibility, and a 60fps...