A Node package that converts SVG strokes to outlined fills as a post-export process. Useful if you want to manipulate color attributes in code.
Import and export CSV files as sticky notes, copy-paste spreadsheet cells, and export selected objects or the entire board as a PNG, PDF, or JPG. See the video on how to use these features.
New keyboard shortcuts to make backward and forward actions easier in FigJam. Bring forward: ⌘-]
or Ctrl-]
, bring to front: ]
, send backward: ⌘-[
or Ctrl-[
, send to back: [
.
Siddharth Ahuja joins Anthony and builds another experiment, this time reflecting facial expressions.
Making a @figmadesign plugin that can read facial expressions in real-time 👀 pic.twitter.com/97Dh8YdeFw
— siddharth ahuja (@sidahuj) September 13, 2021
Anthony DiSpezio shares a fun experiment connecting pose detection and Figma plugin API.
*repeats to self*
— Anthony DiSpezio (@adispezio) September 10, 2021
Figma is a design tool
Figma is... a design tool
Figma is a... design tool? pic.twitter.com/RjKtUpWVeY
Ridd shows how to use “slots”, placeholder components that are part of larger organisms or templates. They are intentionally empty so that they can be replaced with a local component.
"Slot" components are one of the best ways to save time as a product designer
— Ridd 🏛 (@Ridderingand) September 7, 2021
They can be tricky at first, but once you wrap your head around the right way to use them...
They become one of the most powerful tactics in @figmadesign👇 pic.twitter.com/wdIvmr196H
A comprehensive guide on prototyping in Figma, covering interactions, animations, fix positions, overflow scrolling, and interactive components.
A tool for exporting PNG with an embedded ICC profile such as Display P3.
Cool to finally see an official video from Figma on using this hidden technique! See also my old article Using Constraints with Layout Grids in Figma, explaining the same approach.
Quick tips from Ana Boyer on how to use a Figma community file with the Batch Styler and Similayer plugins to quickly build a custom design system.
Ridd shares a detailed guide to building a customizable and flexible form component.
I’ll never build a form in @figmadesign the same way again…
— Ridd 🏛 (@Ridderingand) August 26, 2021
⁰⁰It took me countless tries, but I think I’ve finally created a system that is flexible and doesn't result in variant overload 💪
Here's a 5 step walkthrough 👇 pic.twitter.com/Zl5C8odCmI
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
Students and Educators using the Education plan can now invite others to their teams and start collaborating immediately. Collaborators have a 7‑day grace period to verify their education status. See also a video on how to set up your Figma Education plan.
People now can be @mentioned in Community comments. FigJam is improved on an iPad (hey, maybe Figma is next?). Style picker lets you select what libraries are enabled. And a few more improvements for admins of Organizations and Teams.
Miggi shows how to use audio and cursor chat in Figma and FigJam. Audio is only available on paid and education plans. Cursor chat is available both in Figma and FigJam, while high-fives are only part of the FigJam for now.
Figma introduced new ways to communicate without leaving Figma and FigJam — audio calls, cursor chat, and high fives. Press forward-slash (/) on the keyboard to start a chat message. Chat and high-fives are truly innovative, delightful, and low-friction ways to communicate with your team. Bravo!
3rd-party developers can now build plugins and widgets for FigJam. Plugins in FigJam work similarly to Figma, and existing Figma plugins can even be republished for FigJam. Widgets are more like native FigJam objects — similar to sticky notes, shapes, and connectors — except they’re custom and built by you. For now, this API is in closed beta, but it creates an incredible opportunity for building almost anything inside FigJam.
A recap of the updates to Figma and FigJam that were shipped last month.
You can press Shift while clicking on individual publishing checkboxes to select ranges. You’re now able to open library files from the Libraries modal.
Gleb Sabirzyanov released a major update to his popular plugin for working with components.