Material Design Blog

Read the latest and greatest about Material Design

2023

Dec 19, 2023An updated theming experience with Material Theme Builder 2.0Celebrating two years of MTB with a major update including Color Match
Oct 25, 2023Material Design Components for Android 1.10.0Updates, refinements and a new way to transition between destinations
Sep 07, 2023The new Google Fonts: find what you’re looking forA redesigned Google Fonts website helps you find the right fonts and icons for your project
Aug 24, 2023Video: Fonts are softwareCatch up on Google Fonts' talk at Figma Config 2023
May 26, 2023The designer’s toolboxHow Material resources work together, from customizing the design kit to Android Studio and Relay
May 19, 2023What’s new in the M3 design kitNew updates make it even easier to design and prototype Material apps in Figma
May 17, 2023Material Design Components for Android 1.9.0New ways to navigate in and interact with your applications
May 12, 2023How to make your text more accessibleFind all of Google Fonts’ typefaces, articles, and resources to make your text easier to read
May 10, 2023Material Design 3 for Compose gets new components and featuresExploring the 1.1 release of Material Design 3 for Compose
May 10, 2023Reinventing the carouselThe research and design behind the evolution of the Material 3 carousel
May 01, 2023Material Design at I/O ‘23Get the latest Material 3 updates and online content at Google’s annual developer conference
Apr 29, 2023Better design for bigger screensHow Material You supports beautiful, efficient tablet and foldable experiences
Mar 23, 2023Introducing Tone-based Surfaces in Material 3New surface color roles offer more flexibility for large screens and rich color features
Mar 22, 2023New SIL TypefacesExpanding type for legibility and lesser-served languages
Mar 09, 2023The Design of Readex ProExploring the boundaries of legibility in Arabic type
Mar 07, 2023The Story of Shantell SansHow an artist created a typeface in Latin and Cyrillic
Feb 02, 2023Material Design Components for Android 1.8.0New ways to navigate in and interact with your applications
Feb 02, 2023How Ravn solves design-developer handoff with RelayOne team’s approach to sharing design intent using Google’s new design-to-code tool

2022

Dec 15, 2022The Best of Material in 2022Some of Material Design’s top moments from the past year
Dec 01, 2022The 24-hour Clock Design ChallengeDesign and research create an accessible and user-friendly time picker
Nov 08, 2022Top Tips for Data AccessibilitySix strategies for making your data visualization accessible, scalable, and helpful
Oct 24, 2022Material Design at Android Developer Summit 2022Design, code, and tools: everything new in Material at this year’s ADS
Oct 24, 2022Announcing Relay AlphaA new design-to-code workflow for Android UI
Oct 24, 2022Material Design 3 for Compose is now stableExploring the first stable release of Material Design 3 for Compose
Oct 20, 2022MDC-Android Stable release 1.7.0with Material Design 3 shape guidance and improved a11y
Oct 18, 2022Introducing the M3 design kit for FigmaJumpstart your designs with ready-to-use components and styles in Figma
Oct 18, 2022Magic, utility, and redesigning Material.ioPushing visual and interactive expression in design guidelines with Material Design 3
Sep 13, 2022First Batch of Color Fonts Arrives on Google FontsCustomize color palettes, add gradients, and more with COLRv1
Aug 25, 2022Jamie Chung’s Artful, Abstract Photographs for Material DesignFrom psychedelic bubbles to underwater plants, learn about the photos that challenge the limitations of imagery on the web
Jul 07, 2022The Avatar Project: Derek BrahneyWhat conceptual artist Derek Brahney is thinking about right now
Jul 07, 2022Material Design Components for Android 1.6.1With color harmony and Material Design 3 refinements
Jun 09, 2022From Rebranding to Readability with Atkinson HyperlegibleDistinct and modern, the Atkinson Hyperlegible typeface aims to deliver both legibility and readability
Jun 02, 2022You Asked for it—Here Are Some of Our Favorite Font PairingsSee our handpicked Google Fonts pairings in use, and start using them now in Figma
May 19, 2022Celebrating Global Accessibility Awareness DayResources from Material Design to help you design for everyone
May 11, 2022Material Icons: Sehee LeeAn interview with Senior Visual Designer leading icons and design systems for Google Fonts, Sehee Lee
May 11, 2022Adjusting Grade for ModeMeasuring the impact font grade has on text readability
May 11, 2022Design for everyoneMaterial Design’s latest accessibility, color, and components are featured at I/O
May 11, 2022Join Material Design at I/O ‘22Get the full download on what Material Design updates you can expect at I/O this year
May 05, 2022Roboto … But Make It FlexGoogle’s most popular font gets customizable with the launch of Roboto Flex
Apr 19, 2022Introducing Material SymbolsFine-tune weight, fill, optical size, and grade with the variable icon font, available on Google Fonts
Mar 31, 2022Looking for What’s MissingA guide to including world-building narratives in a designer’s toolkit
Mar 24, 2022From Placeholders to Genuine AvatarsUsing stock imagery to create believable people
Mar 17, 2022Replacing “Users” with PeopleConsidering the real world by making human connections
Feb 17, 2022Material Design Components for Android 1.5.0With Material Design 3 refinements and more color utilities
Feb 17, 2022The Science of Color & DesignHow Material used color science to make design easier and more expressive than ever before
Feb 16, 2022Say hello to Roboto SerifThe newest member of the Roboto superfamily is designed to make reading more comfortable at any size, in any format.
Feb 15, 2022Teaming Up to Improve Reading ResearchGoogle co-sponsors The Readability Consortium
Feb 10, 2022Designing Harmony into Dynamic ColorHow Material enables makers to design with custom colors while respecting user choice
Jan 27, 2022How Oddfellows Illustrated Material YouExplore (and download) the new illustrations that bring the Material Design 3 site to life
Jan 20, 2022Choosing the Right TransitionsMaking interfaces feel "fancy" with animated transitions
Jan 05, 2022Using Block Patterns with Material Design for WordPressPlus other new features introduced in version 0.3.0

2021

Dec 16, 2021Material Design Award Winners 2021Learn from three product teams creating great experiences with Material
Dec 07, 2021Announcing Google Fonts KnowledgeA new resource to help designers and developers choose and use type with purpose
Oct 27, 2021Migrating to Material Design 3Learn how to migrate to our newest updates
Oct 27, 2021Introducing Material Theme BuilderVisualize dynamic color, build a custom theme, and export to code
Oct 27, 2021Design to Code: Turning Handoffs Into High-fivesTeaming up with Figma to bring great UI from design to code
Oct 27, 2021Start building with Material YouImplement dynamic color and explore some of the latest personalization features of Material Design 3
Sep 16, 20212021 Material Design AwardsNominate your product and help us showcase the expressive capability of Material Design
Sep 16, 2021Adjusting the FocusHow inclusive imagery changes a product from being made for some, to being made for all
Sep 16, 2021Looking for Noto? It’s now on the Google Fonts website and APIExpand your font choices with the new Noto site
Sep 09, 2021How to Reduce Layout Reflow When Using Web FontsApplying best practices for font loading can help improve the user experience
Aug 30, 2021Principles and Techniques for Effective LocalizationGoing beyond translation to create more inclusive experiences
Jul 07, 2021Material Design Components for Android 1.4.0NavigationRailView, motion theming, and more
May 19, 2021Start Here: 5 Exercises to Prepare Your App for Large ScreensWhat to prioritize when building a responsive experience
May 19, 2021Introducing the Compose Material CatalogAn overview of the new Material Design catalog for Jetpack Compose
May 18, 2021Unveiling Material YouThe next stage for Material Design
May 14, 2021Introducing Material Design Guidance for Large ScreensDesigning and building for more devices
May 06, 2021Material Design at Google I/O 2021The sessions, workshops, discussions Material Design will host at Google I/O 2021
Apr 22, 2021A Year in the Life of a Material Design AdvocateWhat it’s like to be a Design Advocate at Google
Apr 16, 202110 Steps to Translate Your iOS Designs for AndroidHow to bring your iOS experiences to Android in record time
Mar 11, 2021Designing Text for the People Who Read ItThe science behind visual acuity, legibility, and text size
Mar 02, 2021Google Fonts ❤️ Material IconsGoogle Fonts now supports open source icons, starting with the Material Design icon set
Feb 24, 2021Jetpack Compose: Now in BetaExploring the first beta release of Android’s modern, declarative toolkit for UI development
Feb 22, 2021Building a Dark Theme for Google FontsHow Google Fonts implemented a dark theme in its Angular App
Feb 18, 2021Material Design Components for Android 1.3.0ProgressIndicator, MaterialTimePicker, i18n / l10n, and more
Feb 16, 2021Material Design for WordPressApply Material Design directly to WordPress sites, no coding required

2020

Dec 16, 2020The State of Design Systems: 2020A community survey of design systems, from creation to implementation and beyond
Dec 16, 2020Finding Ethical DesignIncorporating ethics in the daily work of design
Dec 14, 2020Announcing the Material Design Award Winners for 2020Celebrating the product teams that bring Material to life
Oct 20, 2020Introducing the Material Design YouTube ChannelMaterial’s new home for video tutorials, live streams, and Q&As
Oct 01, 2020Finding Wellbeing in Filters and SelfiesHow to build transparency and control into face retouching features
Sep 17, 2020People-First Principles for Digital WellbeingA sneak peek at the UX foundations grounding Google's Digital Wellbeing Toolkit
Sep 16, 2020What “Digital Wellbeing” Means to Material DesignPromote wellbeing by focusing on fundamental needs, not just clicks
Sep 01, 2020Designing a Material Theme: ColorCrafting the perfect palette with Material Design and Figma
Sep 01, 2020Building a Material Theme on Android: ColorColor theming on Android using the MDC library
Sep 01, 2020Designing a Material Theme: TypographyTailoring your typography with Material Design and Figma
Sep 01, 2020Building a Material Theme on Android: TypographyType theming on Android using the MDC library
Sep 01, 2020Designing a Material Theme: ShapeRounded or angled? Choosing the right shape family with Material Design and Figma
Sep 01, 2020Building a Material Theme on Android: ShapeShape theming on Android using the MDC library
Sep 01, 2020Building Beautiful Transitions with Material Motion for AndroidIntroducing four transition patterns and how to add them to your app
Sep 01, 2020Welcome to the Material Blog—Letter from the EditorMaterial Design, beyond guidelines and code
Aug 26, 2020Building a Material Dark Theme on AndroidHow to turn out the lights on Android using the MDC library
Aug 25, 2020Why We Recommend Material Components for AndroidEnsuring that patterns learned in one app can be used in another
Aug 04, 2020Material Components for Android 1.2.0Material motion system, Sliders, ShapeableImageView, and more
Jun 30, 2020Video: Craft a Dark Theme with Material DesignLearn how to create a dark theme palette and apply it to surfaces, typography, and components
May 19, 2020How to Find Device Metrics for Any ScreenCalculate the right measurements for design across devices
Apr 16, 2020Migrating to Material Components for AndroidFrom Design Support Library 👉 MDC 1.0.0 👉 MDC 1.1.0 and beyond
Jan 16, 2020Using Material Density on the WebA hands-on guide to applying default, comfortable, and compact density to your application