Excited about today's @figmadesign announcement about creating variants with components?
— luis. (@disco_lu) September 17, 2020
Here's a video of me converting the @githubdesign Primer buttons library in under a minute.
👩🏼🎨 pic.twitter.com/nin9hFcpkj
The team members from Shopify, Condé Nast, and Harry’s shared their experiences creating multi-brand design systems in a livestream a few months ago. This post shares some of the highlights from it.
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.