Rasmus Andersson was one of the early designers at Figma and greatly impacted how it looked over the years. His thoughts on the redesign: “Not a fan of the floating sidebars, the rounded icons or the tiny layer hit targets, but I think pretty much everything else is good.”
Luis shows some of the original designs for the component icon by Rasmus Andersson. At this point, it’s hard to imagine anything other than ❖, but I also like #7 and #14.
I was digging through old Figma files and found a few of @rsms's original designs for the ❖ component icon
— luis. (@disco_lu) October 19, 2022
Literally naming the component!
If we changed to another one, what would you choose?
These are all main component / instance pairs pic.twitter.com/OnYxzLIXpq
An interesting comment from Rasmus Andersson on how the design team at Figma works. Many people get anxious when collaborators or viewers appear in their files in the middle of work. There must be a better way than moving files between private Drafts and public files. (Personally, I’d love to see something similar to the git push
command developers use — privately work on changes, then when you’re ready send them to the public file. This would obviously affect multi-player collaboration, but sounds like an interesting challenge to think about.)
The key Figma workflow is to conduct the majority of day-to-day “heads down” design work in draft files (maybe shared with a designer you’re partnering with.) at the end of the day or week, stage stuff to a dedicated shared file for a larger audience.
— Rasmus Andersson (@rsms) October 7, 2022
Rasmus, who used to work on this at Figma, shares his workflow for designing in P3 color space and exporting assets in sRGB. Sadly, it’s still a very tricky process.
I wish Figma implemented color space support (color management.) I design in P3 and my workflow for exporting images is: export, run imagemagick to assign the correct profile (my workspace profile). Finally, run imagemagick to convert the image’s colors to sRGB.
— Rasmus Andersson (@rsms) June 15, 2022
Rasmus Andersson shows how to make a simple font in Figma.
Sunday funday: Make your own font in @Figma.
— Rasmus Andersson (@rsms) June 5, 2022
Copy this file to get started: https://t.co/e9SyhPZpqL pic.twitter.com/rM6ctpKB3h
Branching is now available to teams on the Organization plan. It was announced in April at Config 2021, but according to Rasmus Andersson, it’s been in the making for 5 years. The lack of branches was the main issue when my team switched from Sketch and Abstract to Figma in 2018, so I hope it will become available on the Professional plan one day.
Interesting discussion about exporting assets with a Display P3 color space from Figma. I wasn’t familiar with Export PNG with Color Profile plugin (see below) or an option of assigning an ICC profile to the exported PDF.
I’d try this:
— Rasmus Andersson (@rsms) September 3, 2021
1. Setup your macOS to use P3 (display)
2. Setup Figma (desktop app, main menu) to use “unmanaged” color (= display space)
3. Assign P3 ICC profile to output PDF
Rasmus Andersson shares a few hidden Figma tips. His second tip on adding viewer=1
to the URL query part to load a file very quickly in Figma’s lightweight “viewer” renderer is something I may use in the future.
Try https://t.co/RWZ0T90aQr in safari. The iOS app is really just a web view loading that. So, likely iOS bit rot 🤷
— Rasmus Andersson (@rsms) July 22, 2021
Figma Branches just announced at Figma Config. This was in the works even before I joined, over 5 years ago! Think about that, 5 years. Great software is not built in months; it often takes a long time to get things right enough for a first version.
— Rasmus Andersson (@rsms) April 21, 2021
(Now that I'm no longer working at Figma I can do this:)
— Rasmus Andersson (@rsms) March 30, 2021
Hey @figmadesign this is _so_ confusing. Can we plsss reverse the direction? pic.twitter.com/B0mj8tSUtO
We’ve got something brewing that I think you’ll like ;–)
— Rasmus Andersson (@rsms) August 20, 2020
Pretty cool to see all the unexpected use cases for Figma that teams are coming up with.
Cooling down after a week of remote work with the amazing Editor engineers at @figmadesign. We take turns calling out an animal name and everyone else needs to draw within 15 seconds. Votes with hearts. All while being on a live video thingy together. pic.twitter.com/oicnoiSFaw
— Rasmus Andersson (@rsms) March 14, 2020