Joe Bernstein on confronting the conflict between what’s possible in Figma and what’s practical: “Ultimately, my point here is that I over-engineered this component. Figma has the capacity to be much more than a design tool, and sometimes I use it to engineer a UI. Clearly I enjoy doing that, and I even get lost in the weeds to achieve a deeply technical solution. But design systems and asset libraries are just as much a user-centered design problem as any other publicly facing product.”
With the Walkthrough widget, you can give your stakeholders an interactive tour with smooth animations without being there yourself. You can use it to introduce file content or explain a complex flow.
What, an old-school plugin without AI? 🤯 “Dithercore creates cool dithered images reminiscent of ’80s and ’90s computer graphics. It brings back the primitive technology of early PCs by utilizing pixel patterns and color schemes from that era.“
Effortlessly remove backgrounds or isolate objects using AI.
I see this tip on exporting the original image file from the Inspect panel shared from time to time, and it always surprises people. Wish it wasn’t so hard to discover!
Speaking of aligning layers, individual vector nodes can also be aligned or evenly distributed.
Luis with a nifty list of suggested emojis to indicate different kinds of component properties.
I've been going deep on component properties recently, and found using emojis in the prop names really helps understand their purpose
— luis. (@disco_lu) April 19, 2023
Here's my current list:
✍️ Label
◈ Type
↔️ Size
🔁 Swap instance
📈 Data
🖱 Interaction
←️ Left toggle
→️ Right toggle
🔘 Toggle pic.twitter.com/3pWFbDCdV1
The recording of Miggi’s workshop livestream on using vector tools in Figma.
Admins now can select all users in the Members table in the admin console. New customers in Japan, Europe, UK, and Canada who require invoicing can now purchase an Organization or Enterprise plan in the local currency or USD.
“Navigate FigJam files without taking your hands off your keyboard by using the Tab key to jump between objects on the FigJam canvas, like sections, shapes, and stickies. You can also tab between text nodes while editing text to rapidly make edits across your file. Hold Shift + Tab to tab back in the reverse direction.”
One-click export of Figma prototypes and animations to GIF, WebM, or MP4.
“The plugin Shape Move is specifically designed to allow you to create more dynamic and engaging animations within designs by animating the anchor points of vector shapes. An anchor point is a fixed point on a graphic object that serves as a reference for scaling, rotating, and positioning. You are able to customize the timing and easing of the animations, as well as the duration and delay of each animation.” See an impressive demo video.
A simple FigJam widget to easily visualize upcoming events and deadlines from the Figma team.
A pack from Double Glitch with a collection of pre-made text effects that you can apply to your designs with just a few clicks. Reminds me of the good ol’ days of downloadable Photoshop actions. While the pack is commercial, I suggest checking out a free demo in the Community and watching a screencast.
One more video by Christine, this time about components — covering everything from simple shortcuts to powerful plugins. Some of the topics include selecting matching layers across all variants, reviewing library updates, linking Figma components to a code base, using the EightShapes Specs plugin, moving components between files, swapping libraries, and using real data in instances.
Christine Vallaure shares a few practical prototyping techniques and advanced tips & tricks. They include using Auto Layout with Smart Animate, stateful transitions with sections, nesting prototypes, interactive components, and more. This video is also available as an article.
A solid round-up of recommendations from Pedro Morais on organizing Figma mockups and communicating important details to your team.
That Creator Micro keyboard and FigJam on iPad combo is pretty slick.
Graphic Designers: “Does it work on ipad?”
— work louder® (@work_louder) April 10, 2023
Me: wireframing our keyboard configurator with the Creator Micro in @figma for ipad😌 pic.twitter.com/ECJvBjGenK
Now in FigJam, you can access face stamps from anyone in your organization and add them to your FigJam file. Browse available face stamps in the More menu and easily change an existing face stamp to another teammate’s face. (Available on teams on the Organization and Enterprise plans.)