Tobias Negele, a Staff Product Designer at Shopify, shares their approach and template for organizing files and creating a predictable structure that engineers and other colleagues can easily understand and navigate.
we released an internal @figmadesign plugin today at @lyftdesignteam that allows designers to seamlessly switch between light and dark mode directly within Figma. and yes, it does support elevation overlays. pic.twitter.com/z7TLp0xpXX
— Alex Lockwood (@alexjlockwood) July 29, 2020
Great resource if you’re designing for Apple Watch.
A project template from Dropbox, including project cover, status, problem framing prompts, and checklist.
Noah Jacobus from Metalab and Designer Advocate Rogie King create a cohesive icon set for a mobile app.
Liam from Google Design shows how to craft a dark theme to complement your app’s Material Design light theme using Figma.
Can’t imaging a better place for GitHub to share their design system.
Design & Documentation kit of Card framework components used for building G Suite Add Ons.
Beautiful adaptations of popular apps icons for Big Sur.
Getting started on my Big Sur dock pic.twitter.com/DJ3aZMJ73h
— Gavin Nelson (@Gavmn) June 24, 2020
In case you missed some textures lately.
Had about 20 mins today to throw down on designing the new iOS Big Sur contacts icon in @figmadesign. It ain't perfect, but it was sure fun! https://t.co/usKzXiFlgZ pic.twitter.com/gjllCNw1W1
— ˗ˏˋrogieˎˊ (@rogie) June 24, 2020
See also his Figma file.
I recreated the new FaceTime icon in @figmadesign. Original to the left, recreation to the right. The trick when creating these type of icons is an efficient use of your linear gradient, that's it :) #apple #BigSur pic.twitter.com/xfBFFhgBfi
— Pietro Schirano (@skirano) June 23, 2020
See also his Figma file.
Official design resources with all the new stuff announced at WWDC, including files for all platforms and in multiple formats, except for Figma. This is a big omission on Apple’s part, but luckily we have a thriving community that quickly rose to a challenge.
A detailed look into how Microsoft is building a cross-platform Fluent Design System. They have an interesting take on building a Figma plugin to move away from fixed values and toward consistent design tokens that later translated into platform-specific code values.
Designers from Shopify, Condé Nast, and Harry’s share their experiences with creating and maintaining a design system across multiple brands.
The Microsoft team just published four files of icons and components for their open design system, Fluent, on Android, iOS, and web.
Airbnb’s chief design officer Alex Schleifer talked to TechCrunch. An interesting insight into how Figma helped them ship new features while working remotely: “We like to use as few tools as possible, but Figma is a game changer because people can see decisions being made live.”
So far, Atlassian shared their Foundations and Components packs.
Spotify Design shares how they have shaped Figma to their needs and culture. This post focuses on file structure: “Allowing multiple people into the same file doesn’t automatically lead to better collaboration. Our files would need to be organised in a way that is visible and discoverable by everyone. After all, you can’t collaborate on work that you can’t find.” See also: Spotify Ways of Working.