Tech Skills

UI/UX Design

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

14,818
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,626) Articles (2786)Blog Posts (3179)Tutorials (251)Research Papers (11)News (399)
Kalyani Mali - UI/UX Product Designer & Founder of LocalConnect
Dev.to · Kalyani Mali 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Kalyani Mali - UI/UX Product Designer & Founder of LocalConnect
Kalyani Mali is a UI/UX Product Designer based in Nashik, India, with over 2 years of experience...
How to Create Phone Mockups Without Photoshop
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to Create Phone Mockups Without Photoshop
The PSD-and-smart-object workflow is showing its age. Here's the faster, simpler way to create phone mockups in 2026.
Why Context Matters: The Psychology Behind Mockup Effectiveness
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why Context Matters: The Psychology Behind Mockup Effectiveness
Mockups work because of how the brain processes visual information. Here is what research tells us about why context changes perception.
Device Mockups for Pitch Decks and Investor Presentations
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Device Mockups for Pitch Decks and Investor Presentations
Investors evaluate your product in seconds. Device mockups help your app look real, credible, and ready for market inside a pitch deck.
Google Stitch: The AI Design Tool Developers Need to Know About in 2026
Dev.to · Muhammad Hamid Raza 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Google Stitch: The AI Design Tool Developers Need to Know About in 2026
You have an app idea. You know what it should do. You even know roughly what it should look...
How to Present Mobile App Designs Professionally
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to Present Mobile App Designs Professionally
Raw screenshots lose context. Here is how to use device mockups to present app designs that clients and stakeholders actually understand.
Every great design starts with the right visuals
Dev.to · Icons Geek 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Every great design starts with the right visuals
Every great design starts with the right visuals. 🚀 IconsGeek helps you build faster with clean,...
Best Placeit Alternatives in 2026 (Quality Over Quantity)
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Best Placeit Alternatives in 2026 (Quality Over Quantity)
Placeit dominates mockups with 38,000+ templates — but more isn't always better. Here are the best alternatives for designers who care about quality, pricing, a
Best Free iPhone Mockup Tools in 2026 (Honest Comparison)
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Best Free iPhone Mockup Tools in 2026 (Honest Comparison)
I tested every major mockup tool so you don't have to. Here's what actually works, what's overhyped, and what's worth paying for.
React Native vs Flutter in 2026: Which Should You Choose?
Dev.to · Famitha M A 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
React Native vs Flutter in 2026: Which Should You Choose?
Both frameworks hit major milestones this year. React Native shipped its New Architecture as the...
iPhone Mockup Sizes and Dimensions for Every Platform (2026)
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
iPhone Mockup Sizes and Dimensions for Every Platform (2026)
The complete cheat sheet for iPhone mockup dimensions — App Store, Play Store, Instagram, X, LinkedIn, and more.
Phone Mockups Without Photoshop: 5 Ways to Showcase Your App
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Phone Mockups Without Photoshop: 5 Ways to Showcase Your App
You don't need a 500MB PSD file and a Creative Cloud subscription to make your app look professional.
I got tired of re-screenshotting my app every time I made a change . So I built a workflow that does it for me.
Dev.to · Tom den Boon 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I got tired of re-screenshotting my app every time I made a change . So I built a workflow that does it for me.
Ship a mobile app and suddenly you need screenshots everywhere. App Store listings. Your website's...
Quick Guide: Exporting Mockups for Every Platform
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Quick Guide: Exporting Mockups for Every Platform
App Store, Play Store, Instagram, pitch decks — each platform wants something different. Here's a cheat sheet.
Presenting App Designs to Clients Without the Cringe
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Presenting App Designs to Clients Without the Cringe
Flat Figma exports in a slide deck don't do your work justice. There's a better way to run a design review.
Do Mockups Actually Improve App Store Conversions?
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Do Mockups Actually Improve App Store Conversions?
Everyone says mockups convert better. I wanted to see if the data backs it up.
What Makes an iPhone Mockup Actually Look Real
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
What Makes an iPhone Mockup Actually Look Real
Most mockups look obviously fake. Here's what separates the ones that fool your eye from the ones that don't.
Your App Screenshots Are Probably Letting You Down
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Your App Screenshots Are Probably Letting You Down
Most developers spend months on their app and minutes on their screenshots. That's backwards.
How Freelance Designers Use Mockups to Win More Clients
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How Freelance Designers Use Mockups to Win More Clients
Your portfolio and proposals are selling before you get a chance to speak. Here's how mockups make that first impression count.
Mockup vs Screenshot: Why Context Sells Your App
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Mockup vs Screenshot: Why Context Sells Your App
A bare screenshot shows features. A mockup tells a story. Here's why that difference drives more installs.
iPhone 17 Pro Mockups for App Store Screenshots
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
iPhone 17 Pro Mockups for App Store Screenshots
Your App Store listing needs to show your app on the device people are actually buying. Here's how to create sharp iPhone 17 Pro screenshots.
Best Free iPhone Mockups in 2026
Dev.to · Sudhanshu Verma 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Best Free iPhone Mockups in 2026
Finding free iPhone mockups that don't look cheap is harder than it should be. Here's what to look for and where to find them.
Why I separated `variant` from `intent` in my component API
Dev.to · Sinisa Kusic 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why I separated `variant` from `intent` in my component API
Most component libraries conflate visual weight and semantic meaning into a single prop. Here is why that is a mistake and how to fix it.
Simplifying Accordions
Dev.to · Joshyhud 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Simplifying Accordions
Simplifying Accordions ...
Designing for Humans: Why UI/UX is the Secret Sauce of Great Products
Dev.to · Aravind Sathyajith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Designing for Humans: Why UI/UX is the Secret Sauce of Great Products
In the world of tech, there’s a famous quote often attributed to Steve Jobs: "Good artists copy;...
Field Notes: How Drengr's Architecture Aligns with (and Diverges from) Current Research
Dev.to · Sharmin Sirajudeen 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Field Notes: How Drengr's Architecture Aligns with (and Diverges from) Current Research
After ten years of writing Android UI tests that broke every sprint, I started building something different. Turns out researchers at Google, Meta, Microsoft, a
5 erreurs qui font fuir les visiteurs de votre site web
Dev.to · massziri 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
5 erreurs qui font fuir les visiteurs de votre site web
5 erreurs qui font fuir les visiteurs de votre site web 85% des visiteurs quittent un site...
Designing Practical Spaces Through Architecture and Interior Design– ACad Studio
Dev.to · Acad Studio 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Designing Practical Spaces Through Architecture and Interior Design– ACad Studio
At ACad Studio, we focus on delivering practical and well-planned design solutions through a...
Why Developers Should Care About Branding and Design in Modern Web Apps
Dev.to · Henry Spencer 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why Developers Should Care About Branding and Design in Modern Web Apps
Introduction Most developers focus on performance, scalability, and clean code. While...
Defining and creating a basic Design System based on any website (in Figma and React) using Claude
Dev.to · Anastasia Kas 🖌️ UI/UX Design ⚡ AI Lesson 3mo 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...
The 5 Most Common EAA Violations I Found Auditing 14 Production Sites (And How to Fix Each One)
Dev.to · AgentKit 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The 5 Most Common EAA Violations I Found Auditing 14 Production Sites (And How to Fix Each One)
I spent the last three months auditing 14 production websites for European Accessibility Act...
Auditing Material 3 Before Expressive Ships — I Need Your Input
Dev.to · Saikiran Chepuri 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Auditing Material 3 Before Expressive Ships — I Need Your Input
I'm doing a structured UX audit of Google Material 3's interaction design — specifically micro...
Designing an AI-First Career Platform: UX Lessons from Building AissenceAI
Dev.to · ProRecruit 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Designing an AI-First Career Platform: UX Lessons from Building AissenceAI
Designing an AI-First Career Platform: UX Lessons from Building AissenceAI Designing a...
Why Do Your Photos Keep Appearing Sideways?
Dev.to · Pixotter 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Why Do Your Photos Keep Appearing Sideways?
How to Rotate an Image Online (Free) You took a photo sideways. You received a screenshot...
I want my Figma to look like theirs
Dev.to · Aleksandr Belkovskii 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I want my Figma to look like theirs
You're browsing the web and stumble on a site. You just stare. The header, the cards, the sections —...
How to Sync Design Tokens Between React and Flutter (Without Losing Your Mind)
Dev.to · rahul patwa 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
How to Sync Design Tokens Between React and Flutter (Without Losing Your Mind)
Style Dictionary's Flutter support has been broken for years. I built tokensync — a CLI that...
I got tired of page navigation. So I built a zoom-based alternative
Dev.to · Juan Martin 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I got tired of page navigation. So I built a zoom-based alternative
The idea is simple: instead of navigating between pages, you zoom into content. Mark an element as...
Blending Aesthetics and Function with Website Designer Sydney
Dev.to · iamjamesmith 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Blending Aesthetics and Function with Website Designer Sydney
Creating a website today involves more than arranging text and images on a page. It requires a...
Curation is the new creativity
Dev.to · HYPHANTA 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Curation is the new creativity
There's a strange inversion happening in creative work that nobody prepared us for. For centuries,...
12. Web Design School - Create a Website that People Love
Dev.to · avery 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
12. Web Design School - Create a Website that People Love
BootCamp by Dr.Angela 1. Introduction to Web Design Core Principles : Colour Theory, User...
Stop Letting AI Ruin Your UI: How to Master Google Stitch & DESIGN.md
Dev.to · ShanmukhaVenkataSai 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Stop Letting AI Ruin Your UI: How to Master Google Stitch & DESIGN.md
If you are using AI coding assistants like Cursor or GitHub Copilot, you already know the...
Principles of Design with AI-Generated Photos
Dev.to · Pooya Golchian 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Principles of Design with AI-Generated Photos
Explore the fundamental principles of design including balance, contrast, emphasis, movement, pattern, rhythm, proportion, unity, and white space through cinema
Traditional Map Controls vs Hand Gesture Navigation: A Practical Comparison
Dev.to · Alan West 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Traditional Map Controls vs Hand Gesture Navigation: A Practical Comparison
Comparing traditional map controls with gesture-based hand tracking navigation — when each approach makes sense and how to implement both.
🚀 Ultimate Portfolio System. https://portfolio-for-sell-by-faysal.vercel.app/
Dev.to · Faysal Ahmmed 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
🚀 Ultimate Portfolio System. https://portfolio-for-sell-by-faysal.vercel.app/
Hey everyone! 👋 I’ve spent the last few months architecting what I believe is the Ultimate Portfolio...
Computer Use Is the New Chat: Why the Interface Changed Everything
Dev.to · Aamer Mihaysi 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
Computer Use Is the New Chat: Why the Interface Changed Everything
Computer Use Is the New Chat: Why the Interface Changed Everything For two years, we...
I built a Chrome extension that lets you copy any UI component and paste it into AI coding tools
Dev.to · Antoni Silvestrovič 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
I built a Chrome extension that lets you copy any UI component and paste it into AI coding tools
You know the workflow. You see a beautiful component on some website — a pricing card, a navbar, a...
The Future of Compose UI with JetStart
Dev.to · Elimihele God's favour 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
The Future of Compose UI with JetStart
Jetpack Compose completely changed how we write Android UIs. It brought declarative programming to an...
A Jury Found Meta and Google Liable for Addictive Design. Here's What That Looks Like in Code.
Dev.to · Gabriel Anhaia 🖌️ UI/UX Design ⚡ AI Lesson 3mo ago
A Jury Found Meta and Google Liable for Addictive Design. Here's What That Looks Like in Code.
The engagement patterns you ship every sprint, infinite scroll, autoplay, notification timing, just became legal liability. A look at what 'addictive by design'