--- title: Best UX Planet posts of 2023 | daily.dev description: The most upvoted UX Planet posts of 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/uxplanet/best-of/2023 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/uxplanet/best-of/2023 og:type: website og:site_name: daily.dev og:title: Best UX Planet posts of 2023 | daily.dev og:description: The most upvoted UX Planet posts of 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of UX Planet — 2023 1. 1 [](/posts/ui-ux-design-trends-for-2024-yn5idzfd6 "UI/UX Design Trends For 2024") [](/sources/[source]/best-of/[year]) 5m read time • Dec 21, 2023 ### UI/UX Design Trends For 2024 The post discusses various UI/UX design trends for 2024, including generative design, bold typography, complex and animated gradients, glassmorphism, augmented reality, parallax effect, brutalism, and hyperrealism. +2  237 9 2. 2 [](/posts/what-is-glassmorphism-qz9giftbs "What is Glassmorphism") [](/sources/[source]/best-of/[year]) 2m read time • Sep 08, 2023 ### What is Glassmorphism The goal of glassmorphism design is to create an interface that looks like an assortment of glassy panels hovering in the background space. All elements in this design style have a translucent/transparent look. When these elements are placed on colorful backgrounds, the glass effect is accentuated. It can also be used to design windows or widgets. +4  147 6 3. 3 [](/posts/why-claude-is-better-than-chatgpt-tgjlzkqev "Why Claude is better than ChatGPT") [](/sources/[source]/best-of/[year]) 5m read time • Oct 30, 2023 ### Why Claude is better than ChatGPT Claude is a text chatbot created by Anthropic that is capable of conducting product/market analysis, creating summaries for documents, extracting specific information from multiple documents, and generating code. It has more recent data than the ChatGPT free version and allows users to upload files for analysis. However, it has limitations in generating images and has a limited free plan. The pricing for the Pro version is $20 per month, the same as ChatGPT Plus. +5  135 17 4. 4 [](/posts/10-principles-of-good-website-design-in-2024-zairtcwmr "10 Principles of Good Website Design in 2024") [](/sources/[source]/best-of/[year]) 7m read time • Apr 25, 2023 ### 10 Principles of Good Website Design in 2024 The principles of good website design in 2024 include responsive design for mobile users, improving load time metrics, using familiar web design conventions, creating an innovative visual language, designing hierarchical content structures, aligning design and content, aligning design and SEO, ensuring frictionless conversions, testing prototypes, and staying up-to-date with the latest web design trends. +2  128 2 5. 5 [](/posts/typography-trends-in-web-design-2023-shyebj5gg "Typography Trends in Web Design 2023") [](/sources/[source]/best-of/[year]) 9m read time • Sep 15, 2023 ### Typography Trends in Web Design 2023 The importance of typography in web design keeps waxing and waning every few years. In 2023, the web typography world has enjoyed an explosion of creativity. Richer typefaces, 3D styles, bold fonts, and various other interesting typography trends have taken over the world of web design. +3  121 1 6. 6 [](/posts/building-a-design-system-with-tailwind-css-a-step-by-step-guide-cgpzhxkgt "Building a design system with Tailwind CSS: A step-by-step guide") [](/sources/[source]/best-of/[year]) 2m read time • Jul 11, 2023 ### Building a design system with Tailwind CSS: A step-by-step guide The basic kit typically includes: Colors - Typography - Spacing - Border radius - Shadow - Breakpoints (Screens) Colors Tailwind CSS provides predefined color definitions. By following these steps, you can gain inspiration and insights for building your design system. +2  108 2 7. 7 [](/posts/free-midjourney-alternative-ideogram-ai-kytehtvoe "Free Midjourney alternative: Ideogram AI") [](/sources/[source]/best-of/[year]) 4m read time • Oct 23, 2023 ### Free Midjourney alternative: Ideogram AI Ideogram AI is a free alternative to Midjourney for generating AI images. It offers various visual styles, but has limitations in realism and prompt accuracy. It can generate logos, vector images, and images with text, but the quality may not be exceptional. It is capable of generating images of famous people, but with visual defects. +4  105 3 8. 8 [](/posts/5-trendy-new-ux-ui-tools-in-october-zztmpwkeq "5 Trendy New UX/UI Tools in October") [](/sources/[source]/best-of/[year]) 2m read time • Oct 10, 2023 ### 5 Trendy New UX/UI Tools in October The article introduces 5 trendy new UX/UI tools in October, including an AI-powered portfolio tool, HTML to Framer tool, Dall-e 3 tool, Figr for Figma tool, and Modyfi image editor. These tools offer features such as easy portfolio creation, website design and prototyping, accurate image generation, and advanced design resources. +2  91 2 9. 9 [](/posts/3-reasons-why-google-bard-is-better-than-chatgpt-jtbldswqr "3 Reasons Why Google Bard is Better Than ChatGPT") [](/sources/[source]/best-of/[year]) 3m read time • Sep 26, 2023 ### 3 Reasons Why Google Bard is Better Than ChatGPT Google Bard is a chat-based AI tool from Google. It is one of the ChatGPT competitors that offers some unique features. In this article, I want to review the top 3 features I find the most valuable for product designers. +5  86 17 10. 10 [](/posts/mobile-first-design-guide-2023-jcxsfobwn "Mobile-First Design Guide 2023") [](/sources/[source]/best-of/[year]) 11m read time • Sep 25, 2023 ### Mobile-First Design Guide 2023 Mobile-first is a design approach in which we start the product design process from the mobile end. In 2012, 10.88% of all global web traffic came through mobile phones. In 2023, that figure was a whopping 56.86%! Mobile searches have accounted for over 50% ofall searches on Google for the past four years. +4  79 2 11. 11 [](/posts/dark-mode-ui-design-best-practices-hrjlitihz "Dark Mode UI Design Best Practices") [](/sources/[source]/best-of/[year]) 8m read time • Dec 01, 2023 ### Dark Mode UI Design Best Practices Dark mode is a night-friendly UI design style that reduces eye strain and improves battery life. It focuses on delivering good user experiences by reducing glare and directing attention to content. However, it can pose accessibility and branding issues. Following best practices such as using darker shades of black, avoiding saturation, and testing in various lighting settings can help designers seamlessly integrate dark mode into their designs. +3  66 12. 12 [](/posts/mobile-ui-trends-2024-that-will-set-you-apart-2o9yxbjly "Mobile UI Trends 2024 That Will Set You Apart") [](/sources/[source]/best-of/[year]) 3m read time • Sep 18, 2023 ### Mobile UI Trends 2024 That Will Set You Apart Mobile UI Trends 2024 That Will Set You Apart are poised to revolutionize your approach and elevate your startup's success. The Metaverse integration is the latest buzzword in tech, and integrating metaverse into your mobile UI can set you apart. In 2024, secure and tamper-proof data transactions within mobile apps are a must. +3  56 1 13. 13 [](/posts/design-systems-a-beginner-s-guide-gseja80cz "Design Systems: A Beginner’s Guide") [](/sources/[source]/best-of/[year]) 6m read time • Aug 04, 2023 ### Design Systems: A Beginner’s Guide Design Systems are a collection of reusable components, patterns, and guidelines that help teams create consistent and user-friendly products. They’re becoming increasingly important in product design, as they can help teams save time, improve collaboration, and create better products. There are many different ways to create a design system. +3  51 14. 14 [](/posts/create-your-own-design-system-chapter-color-tokens-erd4ht1qr "Create your own Design system: Chapter Color tokens") [](/sources/[source]/best-of/[year]) 5m read time • Oct 06, 2023 ### Create your own Design system: Chapter Color tokens Color tokens are used in design systems to represent colors in a concise and manageable way. They help ensure consistency, reusability, and easy maintenance of colors in design systems. To set color tokens effectively, you need to define a color palette, assign meaningful names, organize variants, document the tokens, consider accessibility, test and gather feedback, implement version control, integrate with design tools, promote collaboration and communication, and regularly update and maintain the tokens. +4  46 15. 15 [](/posts/15-ai-tools-every-ui-ux-designer-must-try-lzh8ukfbp "15 AI tools every UI/UX designer must try") [](/sources/[source]/best-of/[year]) 4m read time • Jun 29, 2023 ### 15 AI tools every UI/UX designer must try 15 AI tools every UI/UX designer must try: Uizard Uizard is a powerful AI tool designed for prototyping. GeniusUI GeniusUI offers customizable UI components that are generated faster, streamlining your design process. Framer AI lets you build professional-looking websites on a freeform canvas. +2  46 1 16. 16 [](/posts/create-your-own-design-system-chapter-colors-chpc1gpn6 "Create your own Design system: Chapter Colors") [](/sources/[source]/best-of/[year]) 5m read time • Sep 11, 2023 ### Create your own Design system: Chapter Colors Color theory is the study of how colors interact, combine, and evoke certain emotions or responses. The color wheel is a circular arrangement of colors that helps us understand their relationships. A well-defined color palette in a design system ensures consistency, accessibility, and cohesiveness across various elements of a design. +3  45 1 17. 17 [](/posts/10-ai-website-builders-every-ui-ux-designer-must-try-g1bpy1nic "10 AI website builders every UI/UX designer must try") [](/sources/[source]/best-of/[year]) 3m read time • Aug 19, 2023 ### 10 AI website builders every UI/UX designer must try Keep an eye on these top 10 fantastic AI builder platforms I came across. Framer AI One my favourite website builders out there. Dora AI One of the forefront in bringing AI to website building. Kleap Kleap is not only built your website with AI but also helps you choose the right words and pics for you. +5  43 4 18. 18 [](/posts/design-perfect-date-picker-rcalztesh "Design Perfect Date Picker") [](/sources/[source]/best-of/[year]) 2m read time • Nov 22, 2023 ### Design Perfect Date Picker This article provides ten recommendations for designing an excellent date picker. It covers design recommendations for the input field and the calendar widget. +2  38 19. 19 [](/posts/top-5-design-systems-that-streamline-design-process-x69x9a3fn "Top 5 Design Systems That Streamline Design Process") [](/sources/[source]/best-of/[year]) 4m read time • Aug 11, 2023 ### Top 5 Design Systems That Streamline Design Process For each design system, we will provide a Figma UI kit so you don’t need to create UI elements from scratch. The HIG is a must-have tool for anyone who wants to build a product for the Apple ecosystem. Microsoft Fluent 2 is the next evolution of Microsoft’s design system. +7  35 2 20. 20 [](/posts/new-ux-design-and-a-i-tools-that-i-discovered-in-october-2023-c1xxkikca "New UX Design and A.I Tools that I discovered in October 2023") [](/sources/[source]/best-of/[year]) 3m read time • Nov 13, 2023 ### New UX Design and A.I Tools that I discovered in October 2023 Discover new UX design and AI tools, including Figma colour wheel, Jony Eye plugin, and Builder.io. +4  32 21. 21 [](/posts/laws-of-ux-that-airbnb-follows-z2i8timg7 "Laws of UX that Airbnb follows") [](/sources/[source]/best-of/[year]) 2m read time • May 30, 2023 ### Laws of UX that Airbnb follows Law of UX that Airbnb follows: Hick’s Law Airbnb limits choices to aid quick decision-making. Law of Symmetry Airbnb uses symmetrical layouts and graphical elements for a visually appealing interface. The app simplifies the intricate process of navigation through the strategic utilization of visual cues, user-friendly icons and clear instructions. +2  29 1 22. 22 [](/posts/10-color-combinations-for-a-stunning-ui-part-1-veyfglspn "10 Color Combinations for a Stunning UI: Part 1") [](/sources/[source]/best-of/[year]) 2m read time • Oct 03, 2023 ### 10 Color Combinations for a Stunning UI: Part 1 Discover 10 stunning color combinations for UI design that can establish brand identity, evoke emotions, and guide user actions. +2  28 23. 23 [](/posts/first-step-to-becoming-a-self-taught-ux-ui-designer--yhrmr8h71 "First step to becoming a self-taught UX/UI designer.") [](/sources/[source]/best-of/[year]) 3m read time • Sep 15, 2023 ### First step to becoming a self-taught UX/UI designer. First step to becoming a self-taught UX/UI designer is getting familiar with the basics of UI and UX design. Learn typography basics like serif vs. sans serif fonts, font pairings, line height, letter spacing, etc. Take note of how colors make you feel on websites and apps you visit. +5  28 24. 24 [](/posts/glaring-ux-mistakes-on-real-apps-part-1-zgskz3zcy "Glaring UX Mistakes on Real Apps — Part 1") [](/sources/[source]/best-of/[year]) 1m read time • Dec 12, 2023 ### Glaring UX Mistakes on Real Apps — Part 1 Learn from existing design mistakes to improve your own design journey. This article highlights five common UX mistakes found in real apps and provides tips for avoiding them. +4  26 25. 25 [](/posts/stoicism-and-ux-design-the-best-mind-hack-to-change-your-work-iczf5nmyg "Stoicism and UX Design: the best mind-hack to change your work") [](/sources/[source]/best-of/[year]) 4m read time • Oct 10, 2023 ### Stoicism and UX Design: the best mind-hack to change your work Stoicism can be a practical tool in UX design, helping with communication, project work, analyzing user experience, teamwork, responding to feedback, accepting successes and failures, coping with stress, and finding harmony with oneself. +3  26 [See all UX Planet archives](/sources/uxplanet/best-of) ```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/sources/uxplanet/best-of/2023#page","url":"https://daily.dev/sources/uxplanet/best-of/2023","name":"Best UX Planet Posts of 2023","description":"The most upvoted UX Planet posts of 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/uxplanet/best-of/2023#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/ui-ux-design-trends-for-2024-yn5idzfd6","name":"UI/UX Design Trends For 2024"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/what-is-glassmorphism-qz9giftbs","name":"What is Glassmorphism"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/why-claude-is-better-than-chatgpt-tgjlzkqev","name":"Why Claude is better than ChatGPT"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/10-principles-of-good-website-design-in-2024-zairtcwmr","name":"10 Principles of Good Website Design in 2024"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/typography-trends-in-web-design-2023-shyebj5gg","name":"Typography Trends in Web Design 2023"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/building-a-design-system-with-tailwind-css-a-step-by-step-guide-cgpzhxkgt","name":"Building a design system with Tailwind CSS: A step-by-step guide"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/free-midjourney-alternative-ideogram-ai-kytehtvoe","name":"Free Midjourney alternative: Ideogram AI"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/5-trendy-new-ux-ui-tools-in-october-zztmpwkeq","name":"5 Trendy New UX/UI Tools in October"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/3-reasons-why-google-bard-is-better-than-chatgpt-jtbldswqr","name":"3 Reasons Why Google Bard is Better Than ChatGPT"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/mobile-first-design-guide-2023-jcxsfobwn","name":"Mobile-First Design Guide 2023"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/dark-mode-ui-design-best-practices-hrjlitihz","name":"Dark Mode UI Design Best Practices"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/mobile-ui-trends-2024-that-will-set-you-apart-2o9yxbjly","name":"Mobile UI Trends 2024 That Will Set You Apart"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/design-systems-a-beginner-s-guide-gseja80cz","name":"Design Systems: A Beginner’s Guide"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/create-your-own-design-system-chapter-color-tokens-erd4ht1qr","name":"Create your own Design system: Chapter Color tokens"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/15-ai-tools-every-ui-ux-designer-must-try-lzh8ukfbp","name":"15 AI tools every UI/UX designer must try"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/create-your-own-design-system-chapter-colors-chpc1gpn6","name":"Create your own Design system: Chapter Colors"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/10-ai-website-builders-every-ui-ux-designer-must-try-g1bpy1nic","name":"10 AI website builders every UI/UX designer must try"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/design-perfect-date-picker-rcalztesh","name":"Design Perfect Date Picker"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/top-5-design-systems-that-streamline-design-process-x69x9a3fn","name":"Top 5 Design Systems That Streamline Design Process"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/new-ux-design-and-a-i-tools-that-i-discovered-in-october-2023-c1xxkikca","name":"New UX Design and A.I Tools that I discovered in October 2023"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/laws-of-ux-that-airbnb-follows-z2i8timg7","name":"Laws of UX that Airbnb follows"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/10-color-combinations-for-a-stunning-ui-part-1-veyfglspn","name":"10 Color Combinations for a Stunning UI: Part 1"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/first-step-to-becoming-a-self-taught-ux-ui-designer--yhrmr8h71","name":"First step to becoming a self-taught UX/UI designer."},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/glaring-ux-mistakes-on-real-apps-part-1-zgskz3zcy","name":"Glaring UX Mistakes on Real Apps — Part 1"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/stoicism-and-ux-design-the-best-mind-hack-to-change-your-work-iczf5nmyg","name":"Stoicism and UX Design: the best mind-hack to change your work"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"UX Planet","item":"https://daily.dev/sources/uxplanet"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/uxplanet/best-of"},{"@type":"ListItem","position":5,"name":"2023"}]}]} ```