Week 2 of the Little Big Updates is all about collaborating more creatively. #5: Embedding MP4 and MOV video files directly in FigJam. #6: A new look for the embedded content in FigJam. #7: Camera selection and better audio/​video effects in the Photo Booth widget. #8: 300+ new emojis in the emoji picker after upgrading to Unicode 14.0. #9: When you stop following a spotlight in a Figma or FigJam file, a new reminder will appear prompting you to rejoin your teammates while the spotlight is still active.

Two new articles in the UX Collective from Christine Vallaure, who graciously shared free ​“friend links” with Figmalion readers. The first one explores a new approach to creating responsive designs with variables and modes, whereby components automatically adapt to the screen size they are placed on and only resize within the provided breakpoints. In this case, variables automate which component gets displayed and set stops at certain minimum and maximum points to stay inside your breakpoint range. I had no idea that string variables can be used to select a variant of the component 🤯

The second guide introduces the concept of ​“container queries”, which are slowly gaining adoption in CSS and will fundamentally change the way we approach responsive design. Christine compares the current approach of using media query breakpoints with container queries and investigates how to imitate them with the current Figma features.

A new video from Lauren with a deep dive on when to use variants vs. variables with modes.

In this video, Sam walks through the features in the Tokens Studio plugin for Figma that allow the creation of variables that are synced to design tokens.

Mini-series showing how to use variables for advanced prototyping on a few example projects by the Design Pilot YouTube channel.

Daniel Scott recorded multiple video tutorials on using Figma on his popular channel Bring Your Own Laptop for designers and creatives. 

Rad product and home page! ​“ShaderGradient is a design tool to create beautiful moving gradients. Make stunning visuals by adding natural movements and effects to the gradient. It’s available on your favorite tools, like Framer, Figma, and React.”

Export icons from Figma straight to React, Vue, or Svelte components.

Something new is coming up in October 👀 The landing page is a smart way to give a peek! ​“Builder​.io is the only headless CMS that gives developers, marketers, and product managers the freedom they need to ship fast, flexible, multi-channel experiences without overwhelming your backlog.”

A collection of 200+ commonly used components and styles for product and/​or web design. Designed to be used for low-fidelity conceptualizing and ideation activities.