Part of Rafal Tomal’s video series on his design process. Don’t miss the 2nd part as well.
Wanted to share something that I wish I had known sooner in @figmadesign, which is that it's possible to individually copy & paste effects just by clicking near the edge of them, within the Properties Panel, and then using ⌘C/⌘V. 📋 pic.twitter.com/HNnh19sNQT
— Joey Banks (@joeyabanks) April 9, 2021
Gumroad (which I love and use to sell my book) hosted a live design session using Figma and Clubhouse. What a great idea for gathering customer feedback in real time!
This afternoon we were able to do a live @gumroad design session on @joinClubhouse with @figmadesign. Real time customer feedback without scheduling 100 Zoom calls. Amazing! pic.twitter.com/13NGkyU6C0
— Jack Zerby (@jackzerby) February 17, 2021
A creative way of using components to create custom graphics.
Here is like 10% of the design system for my client. In this example, I have 2 components with the shape of lunchboxes + a few for details (like stickers) and inside those lunchboxes, I have variables with different foods :) so I can prepare graphics soooo fast :) pic.twitter.com/zfHNL3fIpx
— Arkadiusz Palki (@arkadiuszpalki) February 2, 2021
What an unusual use case for Figma, but the end result looks great!
One of the challenges in designing stained glass art is coming up with harmonious colour palettes and textures. Glass is expensive material. So - today I made a digital glass colouring book for our pieces (in @figmadesign), so we can collab on materials before we start building. pic.twitter.com/K03We2lfzz
— Nat Cooper (@natacoops) January 30, 2021
Smart workaround for selecting objects with a transparent background. I also like a follow-up from Gleb Sabirzyanov in the replies on ensuring that developers won’t implement this hack.
You may know this already, but this is a little trick I use for making selecting and swapping instances easier in @figmadesign. If your component has a transparent background give it a fill of 0.001. Now you can select it while holding down Cmd/Ctrl. pic.twitter.com/ZUb09AquAP
— Gavin McFarland (@gavinmcfarland) December 17, 2020
Little #figmatip to head into the weekend.
— luis. (@disco_lu) October 16, 2020
I only just found out that you can rearrange items with the little pink dot on your selected components / Frames / shapes.
🤯 pic.twitter.com/PGwIfVw04t
Ok. Let's do this @figmadesign... pic.twitter.com/mCwbISqSxw
— ˗ˏˋrogieˎˊ (@rogie) August 6, 2020
A while ago, Rafal Tomal recorded an hour-long video on getting started in Figma, and now he shares why he switched to it completely.
Another developer’s perspective on using Figma. Nice to see how shared resources and available UI kits empower developers to design on their own.
A frontend developer’s glance at Figma. His view of Figma as a GitHub for designers rings very true to me.
Liam from Google Design shows how to craft a dark theme to complement your app’s Material Design light theme using Figma.
Active Theory was tasked by Acura with celebrating 20 years of driving through an immersive racing game. They used Cinema4D for track design, Substance Painter for car models, and a custom Figma pipeline to bring each unique UI style directly into the engine to be rendered with WebGL.
The 3rd and final part of Rogie’s series on designing a book app.
A good writeup of a complete redesign accomplished in 8 weeks, from branding research to final implementation.
Rogie designs an app for discovering useful books for leveling up as a designer. In the first part of this 3 part series, he wireframes the ideas for the app. In Part 2, he works on visual design explorations.
Jason Lengstorf and his guest Ryan Warner give a feature tour and teach the fundamentals of Figma to developers.