Femke shows how she organizes her files with covers, project documentation, design states, etc.
Rafal Tomal suggests an interesting way to separate his working files from client previews in Figma.
In the first part, Rogie uses constraints and components to build navigation that scales from mobile to desktop. In the second part, he shows how to use Auto Layout to design flexible grids, hero, and card components that adapt to any browser size.
Noah Jacobus from Metalab and Designer Advocate Rogie King create a cohesive icon set for a mobile app.
Anthony and Rogie, Designer Advocates at Figma, share their favorite lesser-known Figma tips, including keyboard shortcuts, to help you save time.
Great video by Figma55 channel, explaining how to use stretchy Layout Grids in conjunction with Constraints. It’s based on my article from a few weeks ago, but video is a great medium to demonstrate that trick.
Plugin to get a little more out of the pencil tool. Seems like an essential tool for people using Figurative app on an iPad Pro — see an impressive demo from Pablo Stanley.
The 3rd and final part of Rogie’s series on designing a book app.
A small timesaver if you’re designing in the browser.
If you use @figmadesign in the browser, did you know you can go to https://t.co/MZ5eqKvuqm to really quickly and easily create a new file? ✨ pic.twitter.com/J0D2DRiWwa
— Joey Banks (@joeyabanks) June 24, 2020
Useful keyboard shortcut to keep in mind!
🔥⌨️
— ˗ˏˋrogieˎˊ (@rogie) June 25, 2020
Y'all, I got another rad Figma tip for you:
You can instantly set opacity in the editor by selecting an object and pressing the number keys? #figmatips pic.twitter.com/XizzTNCJAc
“Join Designer Advocates Joey and Rogie as they dive into components: see them leverage constraints, apply auto-layout, explore negative frame spacing, styles, and more.”
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.
Joey Banks built this whole kit before some people even watched a keynote! Awesome work and incredibly useful for anyone designing for iOS.
“At Early Stage, we’ll talk to Field about staying patient during the product development process and then transitioning into an insane growth sprint. We’ll also chat about the fundraising process, how he built a team from scratch, and how he took the team remote in the midst of a pandemic, as well as chatting about the product development strategy behind Figma.”
Next, Dylan pitches his company to Daniel Gross as if back in 2013. Ten minutes of mind-bending WebGL and JS demos.
Dylan Field shares how he and Evan Wallace came up with the idea for Figma. In the first part, he shares his original pitch in the Thiel Fellowship application from 2011.
Pavel Laptev shares the experience of using a design system approach in Alteos, including how they use Figma API to share design tokens with code.
Gleb Sabirzyanov shares his starter kit for creating your own design system. It includes inputs, buttons, tags, dropdowns, tabs, type, color, etc. He also wrote a Twitter thread on how he used his Master plugin for building it.
When you don’t use an Auto Layout, a Drop Shadow with blur set to zero may be a nice alternative.
How to create separators with Auto Layout in @figmadesign pic.twitter.com/H48N1KbZO3
— Meng To (@MengTo) May 29, 2020