I’m not a big fan of Sketch’s “Sketch vs Figma” page, but I had a big laugh over this. Highly resourceful.
Figma vs Sketch vs 🥊 Sketch vs Figma pic.twitter.com/pmIY68uOqT
— Valentin Chrétien 🇺🇦 (@valentinchrt) July 5, 2022
A new plugin with 120+ high-quality free illustrations by Vijay Verma.
I’ve shared a video preview of this generative art plugin in Issue #70, and now it’s available in a public beta. I played with Generater for a little bit and it was a lot of fun! Looking forward to using it on one of the projects.
A widget to seamlessly document changes in your Figma files and libraries.
This is the craziest thing I’ve seen built in Figma (here is a quick preview, but go try it): “With friends & coworkers visit a petting zoo, play hide and seek, race go karts, and more! Interactive Figmaland is a multiplayer interactive world built with FigJam widgets. Objects will animate when a character gets close to them.”
Video series helping educators learn tips & tricks and see how others use Figma & FigJam in the classroom.
Cool tip on adjusting mixed values like object size or Auto Layout padding.
I never knew you could adjust mixed values in Figma like this pic.twitter.com/8bmMRJb0iT
— Joey 🙃 (@mrhammn) June 30, 2022
Bersabel Tadesse, Product Manager at Figma, writes about building and releasing last week’s updates — Figma widgets, a new toolbar menu, Community improvements, and redesigned API docs.
Over the past few months, I've been working with some amazing people @figma on all of the updates we launched today, and I’m so happy to finally share them with you all! 🎉 https://t.co/Vwbm62ULNz
— bersabel (@brsabel) June 29, 2022
The Figma API documentation website was completely redesigned and updated. Time to start building!
Another cool artifact from William Wu’s work on spring animations.
I threw this together while working on @figma's new Spring Animations feature with @rickrajj and @nikolasklein. It's a quick HTML/CSS/JS prototype to help us explore the different kinds of animations that were possible.
— William Wu (@willyvvu) June 21, 2022
Each tile has a different animation which plays on hover. pic.twitter.com/lFByB9He8L
Love this behind-the-scenes video of Nikolas Klein and William Wu from Figma experimenting with how fast they can set a spring animation based on a feeling.
One more @figma behind the scenes around building the editor for spring animations w/ @willyvvu and @rickrajj.
— Niko (@nikolasklein) June 22, 2022
Once we got a rough version working we tried out how fast you can set a spring animation based on a _feeling_ (aka me making weird noises).
Have fun! pic.twitter.com/YOa5N81NiF
Stark — a popular accessibility plugin — released an all-new version with better organization and a simplified UI.
Joey Banks introduced the new version of his iOS 16 UI Kit just a few days after WWDC 2022. Joey’s kits are fantastic resources for making iOS apps and learning about the organization of a large system. This year, he is also offering a paid version that includes exactly the same files, but by purchasing you’ll support the project and receive library updates and video walkthroughs.
Yet another fantastic artwork by Vijay Verma. Make sure to check out the community file and other tweets in this thread with his explanation of the process.
Cool update to a LottieFiles plugin: “Instantly change the colors of your animation. Apply your own custom colors, or try out our carefully curated preset color palettes.”
Martin Bekerman is a great artist — make sure to see more of his works.
Here's an inside look at the guts of the new PFP as built in Figma. Simple shapes with blurs + gradients are really powerful. pic.twitter.com/IA4snshZQM
— 𝙎𝘼𝙑𝘼𝙂𝙀 𝘿𝙊𝙂𝙎 ™ (@mysavagedogs) June 14, 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
“In this tutorial, we redesigned SVBs banking dashboard using Anima’s open source Component Library for Figma, then connected our data using Strapi’s headless CMS. Now you can launch fullstack React apps at lightning speed using the same approach.”
A couple of weeks ago, Figma experienced its worst service disruption to date. This postmortem by their engineering leaders is a very transparent look at what happened and the steps they are taking to prevent it in the future: “The incident was caused by a bug in AWS’s ElastiCache service with Cluster Mode enabled. The bug is such that high Publish / Subscribe workloads can trigger a sudden and sustained spike in Engine CPU utilization. Due to the complex nature of this bug, we did not hit it for weeks despite having moved our Publish / Subscribe workloads to a Clustered-Mode Enabled Redis instance much earlier.”
This deep dive into the making of the feature is my favorite kind of a blog post on Figma’s blog: “Building spring animations took our engineering team back to the classroom — to make animations that are both natural and accurate, we borrowed principles from physics. We’re excited to share the mechanics behind the movement, and the story of how spring animations bounced their way into Figma.”