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 · kanta13jp1
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Flutter Golden Tests — Catch UI Regressions with Snapshot Testing
Flutter Golden Tests — Catch UI Regressions with Snapshot Testing Golden tests save a...

Dev.to · kanta13jp1
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Flutter Advanced Animation — Hero, Staggered, and CustomPainter for Rich UIs
Flutter Advanced Animation — Hero, Staggered, and CustomPainter for Rich UIs Three...

Dev.to · Rajaniraiyn R
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Cross-Platform Apps Don’t Need to Mean Cross-Platform UI
For a long time, cross-platform app development felt like choosing the least painful compromise. You...

Dev.to · Aleks R
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Check out my Windows 98 portflio
Hello all! Check out my Windows 98 style portfolio: https://aleksei.digital/98

Dev.to · ANKUSH CHOUDHARY JOHAL
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Figma vs Sketch vs Penpot: Design-to-Code Handoff Time Comparison for React 19 Components
Design-to-code handoff for React 19 components takes 4.2 hours on average across teams, but our...

Dev.to · Vaishnav V
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
The Legacy of Bamini: The Font That Defined Tamil Digital Typography
Before the era of universal Unicode standards, typing in Tamil on a computer was a complex challenge....

Dev.to · Alex M
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How to Build an Interactive 360 Product Viewer
TL;DR Learn how to build a 360-degree interactive product spinner using Cloud Images Toolkit (CIT)...

Dev.to · Arun Kushwaha
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I Built a Cyberpunk Portfolio With a Talking Avatar and an Interactive Browser Terminal
Live demo: arunkushwaha.xyz Source code: Arun-One_page_Portfolio Most developer portfolios look...

Dev.to · kanta13jp1
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Flutter Performance Optimization: const, Lazy Loading, and Image Caching
Flutter Performance Optimization: const, Lazy Loading, and Image Caching Three rules for...

Dev.to · CrisisCore-Systems
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Coercion-Resistant UX: Designing Interfaces That Don't Pressure Users Under Stress
Interfaces are part of the pressure around the user. Coercion-resistant UX keeps defaults honest, recovery possible, and urgency truthful when people are under

Dev.to · 橙子
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I tested 3 Chinese Figma alternatives — one is actually better (2026)
Figma just raised prices again. The $12/month "Professional" plan is now $15, the $45 "Organization"...

Dev.to · kanta13jp1
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Flutter Animation Deep Dive: AnimationController, Tween, and Hero
Flutter Animation Deep Dive: AnimationController, Tween, and Hero Animations feel complex...

Dev.to · pBinder
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
One Screenshot Is Sometimes Better Than a Screen Recording
I kept running into the same small workflow problem. Whenever I needed to explain a browser process,...

Dev.to · Sam Abaasi
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Building a Searchable Select Component for the bpmn-io Properties Panel
Part 14 of the series: "Extending bpmn-io Form-JS Beyond Its Limits" The built-in SelectEntry in...

Dev.to · Sam Abaasi
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Dynamic Properties Panels: Three Patterns for Conditional Entry Display
Part 11 of the series: "Extending bpmn-io Form-JS Beyond Its Limits" The properties panel is not...

Dev.to · Alexander van Elsas
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
BareForge v0.1.1: A drag-and-drop UI design tool that bridges the gap between design and code
I've just released BareForge v0.1.1. BareForge aims to close the gap between design and code. What...

Dev.to · ellie miguel
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How a Psychologist’s Website Builds Trust Without Looking Generic
I’ve worked with several therapists who felt their website was “nice but invisible.” What usually...

Dev.to · ShaynaProductions
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Who is actually responsible for Web Accessibility?
Who is responsible for making sure software is accessible? If your short answer is the front-end...

Dev.to · Snappy Tools
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
CSS Gradients Explained: Linear, Radial, and Conic — With Real Examples
CSS gradients are one of those features that most developers learn just enough of to get by — usually...

Dev.to · ANKUSH CHOUDHARY JOHAL
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Comparison: Figma 2026 vs Sketch 100 for UI Design Collaboration
In Q3 2026, Figma’s real-time collaboration latency hit 87ms for 100 concurrent designers, while...

Dev.to · Harper Elise Callahan
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Shopify UX Mistakes That Were Costing Me Sales
When my Shopify store started getting consistent traffic but still struggled to generate sales, I...

Dev.to · Kritika Yadav
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How to Use Custom CSS to Brand Your Published Markdown Pages
You have written a solid piece. The content is sharp, the structure is clean, and you hit publish....

Dev.to · Ujjawal Tyagi
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
From Figma to Flutter: Designing a System That Scales Across 30 Apps
We've shipped 30+ Flutter apps at Xenotix Labs across D2C commerce, real-time sports, edtech,...

Dev.to · ANKUSH CHOUDHARY JOHAL
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Comparison: Figma 2026 vs. Sketch 100 for Designing Developer-Facing UI Components
\n In 2025, engineering teams wasted 1.2 million hours globally exporting design tokens from UI...

Dev.to · Shudhanshu Raj
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I Spent Six Months Chasing Core Web Vitals. Here’s What Actually Moved the Needle.
I Spent Six Months Chasing Core Web Vitals. Here's What Actually Moved the Needle. A field...

Dev.to · shadcncraft
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Pick your shadcn base, your style, your icons
shadcncraft now supports Base UI, all seven shadcn styles, multiple icon libraries, and a new...

Dev.to · jQueryScript
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
RangeFlow: React Date Range Slider and Picker
RangeFlow: a React date range picker with a drag-based slider, quick preset tabs, and a popover...

Dev.to · Giovanni Lima
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
From Figma to Tailwind Without Writing a Single px — A Real Automation Case in Production
From Figma to Tailwind Without Writing a Single px — A Real Automation Case in...

Dev.to · Pavanipriya Sajja
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Design Systems : How They Shape Developer Experience in Modern Product Building
When I first started discussing and presenting system design concepts for one of my UX projects, many...

Dev.to · Rafał Goławski
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Ilha for Svelte Developers
What is Ilha? Ilha is a small reactive UI framework built around the concept of islands:...

Dev.to · novaai0401-ui
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I built a React UI library to replace Puppeteer, MUI, and react-image-crop in one install
A year ago I was rebuilding the same <PhoneInput> for the third time across three different...

Dev.to · Jannatul Ferdous Maisha
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Built a Sankey Diagram with React Flow
Hey everyone 👋 I’ve been experimenting with React Flow lately and ended up building a Sankey Diagram...

Dev.to · James Smith
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Designing User Interfaces That Reduce Scam Susceptibility
Scam businesses are UI designers that are in competition with you. They read the same cognitive work,...

Dev.to · Vinny Jiménez
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Case Study: Estate CRM — High-Performance UX/UI in Oracle APEX
How we transformed a complex real estate workflow into a sleek, high-density productivity...

Dev.to · Fabio Sarmento
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Code with Empathy
Remember, behind every line of code is a user with needs and frustrations. Write code that solves...

Dev.to · Mininglamp
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Happy 45th Birthday, GUI. Meet Your New Power User.
On April 27, 1981, Xerox introduced the Star 8010 Information System — the first commercial computer...

Dev.to · Niko Tikkanen
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I reviewed 20 SaaS landing pages. Here is top 10 UX mistakes killing your conversions
You don’t usually lose conversions because your product is bad. More often, it’s friction. Small,...

Dev.to · Ankit Parmar
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Building Reusable UI Components in React (Clean & Scalable Approach)
“Programs must be written for people to read, and only incidentally for machines to execute.” -...

Dev.to · kamlesh yadav
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I built shadcn/ui for the terminal — meet InkUI
The problem Every CLI I build with Ink ends up copy-pasting the same spinner from my last...

Dev.to · Proof Matcher
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Tailwind CSS vs CSS Modules: Which to Choose in 2026
The CSS Architecture Decision That Shapes Your Entire Project The choice between Tailwind...

Dev.to · Proof Matcher
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Micro Animation CSS: Complete Guide + Examples (2026)
Master micro animations with CSS in 2026. Complete guide with code examples for hover effects, scroll animations, loading states, and button interacti

Dev.to · Vitaly Skadorva
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Accessibility Testing: Best Practices
Accessibility testing requires more than an automated scanner. A scanner catches roughly 30-50% of...

Dev.to · Marcelo Cedeno
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Good UI Fails When UX Decisions Arrive Too Late
Design teams often hand over screens that look finished, but frontend teams still have to invent too...

Dev.to · monkeymore studio
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How Emoji Mashups Work — And Why There's No "Algorithm" Behind Them
Ever wondered what happens when you smash 😂 and 🔥 together? You get a laughing face literally on...

Dev.to · jQueryScript
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
loading-ui: 36+ Copy-paste Loading Indicator Components for React
loading-ui: a custom shadcn registry of loading indicators for React apps. It ships 36 components...

Dev.to · Proof Matcher
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Glassmorphism UI Template: Complete Guide + Free Downloads 2026
Glassmorphism is now an established design pattern. Here's the complete CSS recipe and how to use it...

Dev.to · Proof Matcher
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Web Design Trends 2026: The Complete Guide for Developers
The top web design trends shaping 2026 — with CSS code examples for each. 1. Bento Grid...

Dev.to · Proof Matcher
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Best shadcn/ui Alternatives in 2026 (Free & Open Source)
shadcn/ui took the React ecosystem by storm, but it's not right for every project. Here are the best...
DeepCamp AI