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 · nosyos
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
FID Is Dead. What INP Means for Your React App.
In March 2024, Google replaced First Input Delay with Interaction to Next Paint as an official Core...

Dev.to · Engroso
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
UI Testing Automation: Why You Should Stop Writing Tests by Hand
UI tests are one of the most valuable things you can have in a production codebase. They catch what...

Dev.to · Asmaa Almadhoun
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Don't Make Me Think, Role of Colour in UX
In Don't Make Me Think, Steve Krug introduces the concept of self-explanatory design. The idea is...

Dev.to · Marina Char.
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Best React Gantt Chart Libraries for Project Management Apps
Can modern project management apps and platforms do without Gantt charts and still provide the...

Dev.to · Vicente G. Reyes
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I vibe coded a Design System! See it here! https://ice-design-system.vicentereyes.org See the landing page here https://ds.vicentereyes.org
ice-design-system.vicentereyes.org ...

Dev.to · hiyoyo
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
AI Button UX — Where to Put It, How to Label It, What to Show While Waiting
If this is useful, a ❤️ helps others find it. All tests run on an 8-year-old MacBook Air. The AI...

Dev.to · it thum
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Tailwind CSS: Kyu Ye Har Web Developer Ki Pehli Pasand Ban Rahi Hai?
Hello Developers! 👋 Agar aap web development mein hain, toh aapne Tailwind CSS ka naam zaroor suna...

Dev.to · DesignToCodes
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Behind the Scenes of a 10-Person Template Studio Shipping Across Next.js, Framer, Elementor & WordPress
Behind the Scenes of a 10-Person Template Studio Shipping Across Next.js, Framer, Elementor...

Dev.to · ReactChallenges
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
🚀 New Challenge: File Explorer
Build a recursive file explorer tree view, similar to the sidebar in VS Code. 👉...

Dev.to · ApogeoAPI
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Country Dropdown for Tailwind / shadcn — Drop-In Component
A production-ready country dropdown with flags, search, and accessibility. Tailwind classes only, no extra deps. Copy-paste into your project.

Dev.to · ApogeoAPI
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Building a City Autocomplete with 150K Cities — Tutorial
How to build a city search autocomplete in React using a cities API. Includes debouncing, pagination, and showing country + state context. TypeScript.

Dev.to · Camille Dubois
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Hi, I'm Camille — building Klari for French MDPH
Hi, I'm Camille, building Klari — a platform helping French families navigate MDPH (the disability...

Dev.to · Het Dave
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Your game HUD is just React: overlay UI over a CarverJS game canvas
Most browser game setups separate game rendering from UI rendering. The game owns the canvas; HTML...

Dev.to · Eastern Dev
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Wabi-Sabi and Whitespace: Eastern Philosophy for Web Design
Wabi-Sabi and Whitespace: Eastern Philosophy for Web Design What I learned from studying...

Dev.to · Eastern Dev
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Eastern Design Principles for Modern Web Development
Eastern Design Principles for Modern Web Development What I learned from studying...

Dev.to · Mittal Technologies
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Why Your Next Web App Needs a Design System from Day One
I want to tell you about a project I know way too well. A web application that grew over three years...

Dev.to · BAHUBALI MAGADUM
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
The Myth of Seamless Figma-to-Production Workflows
Why Figma MCP Isn’t Enough Why Figma MCP Alone Can’t Guarantee Production-Ready...

Dev.to · Weather Clock Dash
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
The Case Against New Tab Hijacking (And How to Do It Right)
The Case Against New Tab Hijacking (And How to Do It Right) "New tab hijacking" is the...

Dev.to · Amf Floyd
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
I Built an AI UX Auditor. Then I Realized That Wasn't the Hard Part
I shipped Parallax in 3 weeks. You paste a URL, it audits your UX against Nielsen's 10 heuristics +...

Dev.to · M. AI.
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Your brain on 4K: why sharp pictures feel different
Try this. Find a photo on your phone that you love. Now squint, or zoom out until it's the size of a...

Dev.to · Muhammad Sanaullah
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
10 Must-Have Design Tools That Streamline My Workflow (And the Color Generator I Swear By)
Most “top design tools” lists are either paid promotions or a dump of random bookmarks someone never...

Dev.to · ANKUSH CHOUDHARY JOHAL
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How to Use Figma 2026 and Storybook 8.0 to Showcase Your Frontend Skills to Recruiters Hiring for React 19 Roles
How to Use Figma 2026 and Storybook 8.0 to Showcase Your React 19 Skills to...

Dev.to · ANKUSH CHOUDHARY JOHAL
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Comparison: Figma vs. Penpot 2.0 for Design-Dev Handoff
68% of engineering teams report wasting 12+ hours per sprint on design handoff misalignment,...

Dev.to · ANKUSH CHOUDHARY JOHAL
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Benchmark: Figma 12.0 vs. Canva 5.0 for Quick UI Mockups
Figma 12.0 vs Canva 5.0: Benchmark for Quick UI Mockups Quick UI mockups are low-to-mid...

Dev.to · Chuan Hu
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
i build a plugin so You can now Directly import Powerpoint .pptx to Figma!
Hello designers! Many times, I have to visually upgrade some old pptx files in Figma, but the need to...

Dev.to · Jimmy Rose
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
What Developers Can Learn from Real-Time Prediction Market Interfaces
Real-time data interfaces are some of the hardest products to design well. Whether the data comes...

Dev.to · rocketsquirreldev
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Making a Canvas-Based Web App Mobile Friendly (DeskFlow v1.1.8)
I'm building DeskFlow, a visual desk setup and cable planner. Until now, it was strictly a desktop...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
CSS Performance Optimization: How to Achieve 100 Points in Google PageSpeed
Оптимизация производительности CSS: как выжать 100 из PageSpeed и не сойти с ума Представь: ты...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Variable Fonts in CSS: Configuration and Animation
Fonts that Dance: Exploring Variable Fonts in CSS Guess what? Gone are the days of wrestling with...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
CSS property field-sizing: automatic resizing of input fields
The Death of the Scrollbar: Why field-sizing is Your New Best Friend Grab a coffee, friend, because...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Styling Native HTML Elements <dialog> and <popover> with CSS
Mastering the Top Layer: Styling Native Dialogs and Popovers Like a Pro Hey there! Grab a coffee,...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Hidden CSS Grid Layout Features That Beginners Don’t Know About
Uncovering the Hidden Powers of CSS Grid Layout: What Newbies May Not Know Picture this: you’re deep...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
The Perfect Dark Theme with CSS Variables
The Art of the Perfect Dark Theme with CSS Variables Grab your coffee, sit back, and let’s talk...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Logical properties of CSS: layout for different languages
The World is Bigger Than LTR: Why Your Layout Needs to Be Direction-Agnostic Grab a coffee, friend,...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
The Perfect Text Transfer: text-wrap balance and pretty
Goodbye, Orphans and Ragged Edges: Mastering Text Wrap Picture this: you have just finished a...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Creating Complex Shapes with CSS clip-path
Cutting Through the Noise: Mastering CSS clip-path for Complex Shapes Grab your espresso and pull up...

Dev.to · Erfan Ebrahimnia
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
How React streams UI, React Compiler Rendering, dev3000 CLI, TSRX, Replay, Scroll-Driven Animations, Ship 26 tickets
How React streams UI out of order and still manages to keep order Instead of waiting for...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Aspect Ratio Property: Solving Proportion Issues
Aspect Ratio Property: Solving Proportion Problems Ah, the woes of web design! We’ve all faced that...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
CSS Scroll Snap: Creating Native Carousels
Stop Installing 50KB Libraries for a Simple Slider Grab a coffee and let’s get real for a second....

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Automatic Sizing of Inputs with the field-sizing Property
Finally, Form Elements That Don’t Suck at Resizing Grab a coffee, because we need to talk about one...

Dev.to · Gary Stupak
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Astro i18n in 2026: The Complete Guide From ui.ts to Edge-Native KV
Every practical approach to multilingual Astro sites in 2026, with their trade-offs - from `ui.ts` to Edge-Native KV.

Dev.to · kanta13jp1
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Flutter Animation Deep Dive — AnimationController, Custom Tweens, and Physics Simulations
Flutter Animation Deep Dive — AnimationController, Custom Tweens, and Physics...

Dev.to · Aniruddha Agarwal
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
BoldKit Spring 2026: v3.0 v3.2.2 - ASCII Animations, Canvas Effects, Dot Matrix Studio & More
Spring 2026 has been the most productive stretch in BoldKit's history — the free neubrutalism UI...

Dev.to · ANKUSH CHOUDHARY JOHAL
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Vue 3.5 vs. Svelte 5.0: Component Reusability for 100+ Marketing Site Widgets
When a global retail client needed 127 reusable marketing widgets deployed across 14 regional sites...

Dev.to · Proof Matcher
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
CSS Background Patterns: 31 Free Pure-CSS Examples 2026
CSS Background Patterns: 31 Free Pure-CSS Examples 2026

Dev.to · 우병수
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
React UI Frameworks That Actually Ship Free Figma Files (My Current Shortlist)
Discover React UI frameworks that ship free Figma files to streamline your design-to-code process, avoid project delays, and improve collaboration between desig

Dev.to · Ashmeet
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
The Missing Layer Between AI and Design Consistency
By now, "vibe coding" is completely normalized. You describe a thing, AI builds it, you nudge it...

Dev.to · Parsa Jiravand
🖌️ UI/UX Design
⚡ AI Lesson
2mo ago
Why God Kit? A Lightweight Vue 3 UI Library and Design System for Admin Apps
Why God Kit? A Lightweight Vue 3 Component Library Built for Real Dashboards If you are...
DeepCamp AI