--- title: UI Design News & Updates | daily.dev description: UI design news and practice for the visual and interactive surface of software. Coverage spans layout, hierarchy, and colour, component and pattern libraries, states and feedback, accessibility of visual choices, prototyping, and handoff to engineering. canonical: https://daily.dev/tags/ui-design twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/ui-design og:type: website og:site_name: daily.dev og:title: UI Design News & Updates | daily.dev og:description: UI design news and practice for the visual and interactive surface of software. Coverage spans layout, hierarchy, and colour, component and pattern libraries, states and feedback, accessibility of visual choices, prototyping, and handoff to engineering. og:image: https://api.daily.dev/og/tags/ui-design.png og:image:width: 1200 og:image:height: 630 --- ## Roadmaps [Comprehensive roadmap for UI DesignBy roadmap.sh](https://roadmap.sh/ux-design?ref=dailydev) ## Recommended UI Design stories ## Who to follow for UI Design [](https://daily.dev/cristianolivera1) [Cristian Olivera Chávez](https://daily.dev/cristianolivera1) [@cristianolivera1](https://daily.dev/cristianolivera1) Joined Jun 22\. 2024 4.4K Angular | NextJs | Tailwind | Laravel | Spring Boot [](https://daily.dev/shaswat%5Fshrivas) [Shaswat Shrivas](https://daily.dev/shaswat%5Fshrivas) [@shaswat\_shrivas](https://daily.dev/shaswat%5Fshrivas) Joined Mar 14\. 2024 1K [](https://daily.dev/soltwagner) [Solt Wagner](https://daily.dev/soltwagner) [@soltwagner](https://daily.dev/soltwagner) Joined Nov 16\. 2024 620 Designer & Digital product creator [](https://daily.dev/agustinbarrientos) [Agustin Barrientos](https://daily.dev/agustinbarrientos) [@agustinbarrientos](https://daily.dev/agustinbarrientos) Joined Jun 29\. 2026 18.8K  Uncanny Owl Verified Sr UI/UX Designer & Frontend Engineer | Google Developer Group Bogotá Co-Organizer [](https://daily.dev/alexandrkalabin) [Alexandr Kalabin](https://daily.dev/alexandrkalabin) [@alexandrkalabin](https://daily.dev/alexandrkalabin) Joined Jul 6\. 2026 10 [](https://daily.dev/sizzlebop) [Pink Pixel](https://daily.dev/sizzlebop) [@sizzlebop](https://daily.dev/sizzlebop) Joined Feb 16\. 2025 220  Pink Pixel Verified Open source developer, experimenter, student ## Top sources covering UI Design ## Most upvoted UI Design posts ## Best discussed UI Design posts ## All posts about UI Design ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/ui-design#page","url":"https://daily.dev/tags/ui-design","name":"UI Design News & Updates","description":"UI design news and practice for the visual and interactive surface of software. Coverage spans layout, hierarchy, and colour, component and pattern libraries, states and feedback, accessibility of visual choices, prototyping, and handoff to engineering.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/ui-design#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/mastering-the-art-of-background-styling-sen8xjdzd","name":"Mastering the Art of Background Styling"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-to-generate-a-random-color-name-in-c--rrqcv2ess","name":"How to Generate a Random Color Name in C#"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/5-new-amazing-ux-ui-tools-and-updates-for-ux-designer-l2xlfk2z2","name":"5 New Amazing UX/UI tools and updates for UX designer"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/single-digit-inputs-with-one-element-otp--sc6aymzr0","name":"Single-digit inputs with one element (OTP)"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-to-use-css-grid-repeat-function-vt0aaxnq4","name":"How to Use CSS Grid repeat() Function"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/why-you-shouldn-t-use-vertical-trim-in-figma-yet--c50e72rpr","name":"Why you shouldn’t use vertical trim in Figma (yet)"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/understanding-the-holy-grail-layout-pattern-in-css-xhjkht6oi","name":"Understanding the Holy Grail Layout Pattern in CSS"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/css-vh-dvh-lvh-svh-and-vw-units-vzze5n4al","name":"CSS *vh (dvh, lvh, svh) and *vw units"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-create-the-perfect-transparent-login-form-b9wdjez4d","name":"How to Create the Perfect Transparent Login Form"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/nuberodesign-blog-in-praise-of-buttons-part-one-l8pslrmmg","name":"Nuberodesign > Blog > In Praise of Buttons – Part One"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"UI Design"}]}]} ```