--- 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.8K Angular | NextJs | Tailwind | Laravel | Spring Boot [](https://daily.dev/webkmsyed) [Khishamuddin Syed](https://daily.dev/webkmsyed) [@webkmsyed](https://daily.dev/webkmsyed) Joined Aug 18\. 2024 6.7K  Jargoniseasy Verified Frontend Design Engineer · Building @JargonIsEasy · Learn. Think. Design. Develop. [](https://daily.dev/shaswat%5Fshrivas) [Shaswat Shrivas](https://daily.dev/shaswat%5Fshrivas) [@shaswat\_shrivas](https://daily.dev/shaswat%5Fshrivas) Joined Mar 14\. 2024 1.3K [](https://daily.dev/devoresyah) [Rully Ardiansyah](https://daily.dev/devoresyah) [@devoresyah](https://daily.dev/devoresyah) Joined Oct 12\. 2024 90 [](https://daily.dev/agustinbarrientos) [Agustin Barrientos](https://daily.dev/agustinbarrientos) [@agustinbarrientos](https://daily.dev/agustinbarrientos) Joined Jun 29\. 2026 27.3K  Uncanny Owl Verified Google Developer Expert in Web Technologies | Sr UI/UX Designer & Frontend Engineer [](https://daily.dev/mikhailmakeev) [Mikhail Makeev](https://daily.dev/mikhailmakeev) [@mikhailmakeev](https://daily.dev/mikhailmakeev) Joined Jul 29\. 2026 3.7K Owner of alphai.io ## 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"}]}]} ```