The team at Figma talked to several industry experts from Google’s Material Design team, Spotify, Shopify, and Stripe about how they’re managing the future of design systems — from tooling to automation to accessibility.
“Tune in to hear from Dominique Ward, Head of DesignOps at Atlassian, and Adam Fry-Pierce, Chief of Staff at Google, who will dive in to how to scale your DesignOps team. They will dive into questions such as ‘What frameworks can you use to build out L&D on the design team?’ or ‘How do you build rapport with your cross functional teams?’”
Google’s Material Design team introduced Relay, a new process to transform Figma components into Android UI code. Designers can now use the Relay for Figma plugin to document and package UI component designs that can be sent directly to the developer. No more tedious design specs or back and forth to ensure details are right in implemented code.
Figma is partnering with Google on building “smart chips” into Google Docs. In the case of Figma and FigJam that will be a visual thumbnail of the project. Available to all users starting January 2023.
Figma launched a partnership with Google for Education to bring Figma and FigJam directly to Chromebooks, the most popular personal computing device for students. This is a huge opportunity for students to learn the same app used by professional designers. (That said, I still warmly remember days of using keygens with Photoshop 4.)
“Check out our nine Google Fonts pairings and start using them in your design projects. The pairings are hand-picked from Google Fonts catalog and open-sourced for everyone to use.”
The Material 3 Design Kit provides a comprehensive introduction to the design system, with styles and components to help you get started.
Announced at Schema 2021, this is a new tool that helps you visualize Material You’s dynamic color and create a custom Material Design 3 theme. With built-in code export, it’s easy to migrate to Material’s new color system and take advantage of dynamic color. Don’t miss the article Introducing Material Theme Builder.
Google’s Material Design is teaming up with Figma to bring great UI from design to code: “Our design to code workflow allows teams to create UI components in Figma and export them in a portable container we call a UI Package. These Packages can be directly used in Jetpack Compose projects for Android applications, can be edited in Figma, and can be directly updated in code with good developer ergonomics for component reuse and change management.” Don’t miss the video from Android Developer Summit with a new workflow.
Ivy Knight and Rody Davis, Google. “Material You is enabling a new level of individuality across interfaces. But how does dynamic color interact with the distinct brand expression in your design system? In this session, we’ll dive into the NEW Figma plugin for generating dynamic color schemes and see those changes reflected throughout your app's UI.”
Our #components in @figmadesign just got an update, variants for:— Mariz (@MarizMelo) May 13, 2021
- Default (preview)
- States (hover, pressed, etc)
- Lazy loading (skeleton/loaders)
- Responsive design (sm, md, lg)
- Redlines for engineers pic.twitter.com/9YznsuIWMw
“A template for the GV Brand Sprint – a workshop format conceived at Google Ventures and well documented by Jake Knapp. In 3 hours or less, you get a very good picture of a brand, its vision, future and challenges.”
Liam from Google Design shows how to craft a dark theme to complement your app’s Material Design light theme using Figma.
Design & Documentation kit of Card framework components used for building G Suite Add Ons.
Google shared several Material Design kits in Figma Community.