Figma opened up the prototype screen reader beta to everyone. The feature was announced earlier in May. “The beta includes screen reader support for text nodes, alt text for images, and the ability to interact with prototypes with buttons and keyboard actions like tabbing.” Here is a quick preview using a macOS VoiceOver.
Generate all possible instances for your components, including every combination of variants and component properties, all in a tidy labeled table.
I was looking for a plugin to clean up my file and convert all color values to matching color styles, and this plugin got the job done perfectly. Thanks to Dave Kover for the recommendation!
Miguel with a few useful shortcuts for adjusting font size, weight, letter spacing, and line height.
Happy Monday! Here are some some great shortcuts when deep in the weeds of type exploration in @figma.
— miggity miggity mac (@miggi) August 1, 2022
Easily adjust font size, weight, letter spacing and line height using modifier keys and the <, > symbols. On Windows, swap out "alt" for "⌥" and "ctrl" for "⌘"#figmatip pic.twitter.com/byFfkVWUMe
Gary Simon created an accessible app to help his dad. An entire thing is based on a Figma prototype. Hope it worked out well!
As you may have noticed, I have a soft spot for color tools supporting perception-based color spaces. Taras Brizitsky writes about the plugin Generator that he built with Alex Bourt. It’s a really cool idea and implementation — start with a color, apply a set of visual modifications and conversions, and generate an entire palette from it. Change the starting color or modifiers to update all generated colors. Awesome!
Undo and redo faster in FigJam iPad mobile app: two-finger tap to undo, three-finger tap to redo, and three-finger swipe left/right to undo/redo.
Jam seamlessly in FigJam iPad mobile app with Observation mode and Spotlight.
Experience a more responsive Apple pencil when you’re using FigJam on iPad mobile app.
Now you can use copy and paste to quickly replace image fills in FigJam.
Find more stickers by right-clicking on one to reveal a link to the parent library.
Easily size shapes to the same dimensions using new guidelines to match height and width.
Last but not least, we added size guidelines and snapping to make it easier to create and resize shapes, sections and images to the same size! No more guessing or eyeballing sizes, just look out for those purple guidelines! pic.twitter.com/0doTD2mf9c
— Peter Damrongpiriyapong (@peterdpong) August 2, 2022
Old news for our readers ;-) Hover over stamps to see who left them.
Stay in the diagram flow, with Connector tool (X) now persisting by default; hit Esc or V to return to the Move tool.
Next up, we made the connector tool persistent! No more creating one connector at a time, place all your shapes on the board, then connect and adjust with connectors all in one go! When you’re done, just hit Esc or V. pic.twitter.com/3jb2uB1Bca
— Peter Damrongpiriyapong (@peterdpong) August 2, 2022
Create shapes and stickies faster with new auto-create prompts at the top, bottom, left, and right.
I’m thrilled today to show off what I’ve been working on @figma — making diagramming more fluid in FigJam
— Peter Damrongpiriyapong (@peterdpong) August 2, 2022
First up are improvements to Quick Create! We now try to avoid overlapping with existing objects and made sure Quick Create indicators are always shown for fast diagramming! pic.twitter.com/OUARJDrtlZ
Another personal favorite! 📐 Connectors will automatically straighten when objects look center aligned — no more wonky lines!
Stay in the loop on notifications when you’re in the desktop app, with a new notification bell that lives in your menu bar. Install or update the beta app to the latest version.
Search preview now includes recent searches and a list view shows file owners.
After recently joining the @Figma product team in June, I’m super excited to share a few fun improvements to the search experience 🔎 that we’re launching today as part of Little Big Updates! pic.twitter.com/HjOy6ezMPt
— Manosai Eerabathini (@manosaie) August 2, 2022
Text alignment shortcuts (⌘-⌥-L for left, ⌘-⌥-T for center, ⌘-⌥-R for right) also work when you apply them inside the text box.
Navigate to links in comments without the interruption of an interstitial.