“Effective product development hinges on a well-defined process and seamless team communication. However, implementing these concepts can be more challenging in practice.” AMA discussion hosted by the team of advocates — Lauren Andres, Akbar Mizra, Mallory Dean, and Anthony DiSpezio.
Anthony DiSpezio shares instructions and a script to see your most used keyboard shortcuts in Figma. (Can be a great starting point for setting up an upcoming Creator Micro keyboard!) On my personal computer, the top 5 are undo, deep-select, zoom-in, measure-to-selection, and escape.
TIP: you can see your most used shortcuts in @figma!
— Anthony DiSpezio (@adispezio) December 9, 2023
Paste this script into your Figma app or browser console and hit return: https://t.co/o4WWjour9u
I want to see your most used shortcuts! 😛 pic.twitter.com/HY52G6ATWj
Designer Advocate Anthony DiSpezio recommends the best approach for defining variables for theming: primitive variable → semantic variable → semantic style. The core advice is to keep using styles: “Styles represent a group of properties that should be applied to a layer or part of a layer. Variables represent individual values within that style.”
(Years ago, I noticed that when Apple announces a change at WWDC it’s better to go with it even if it doesn’t make sense at the moment — they see the roadmap much further. I wonder if it’s the same case with Figma and styles. At the moment they often feel redundant, but Figma made it very clear that they’re not going anywhere — hopefully something will make it clear soon why it was worth keeping them around.)
Defining variables for theming? This is THE best approach I can recommend:
— Anthony DiSpezio (@adispezio) October 24, 2023
$primitive-variable: ff0066
↳$semantic-variable: $primitive-variable (alias)
↳Semantic Style: $semantic-variable
I'll try and explain in the comments...
Anthony DiSpezio shares a community file and a quick tutorial for creating a cute blooming flower effect.
Figma needs more flowers🌸🌼🌺
— Anthony DiSpezio (@adispezio) June 28, 2023
Tutorial and community file on the blooming flower effect I posted the other day. Would love to see how y'all might incorporate some of the new Config launch features!
Community file in the thread, happy to answer any qs—have fun! pic.twitter.com/WWMZqkvVJQ
Anthony gives a tip on adding prototype scrolling and interactive components inside your Figma presentations.
Not sure if this is new but super handy for those of us using Figma for presentations!
shortcut to open 'present' mode in @figma design:
— Anthony DiSpezio (@adispezio) October 24, 2022
mac: cmd+opt+enter
win: ctrl+alt+enter
tooltip reminder in the UI coming soon! pic.twitter.com/jsmBF3216T
Anthony DiSpezio with a great tip on controlling opacity and zoom level with the number keys.
Incoming #figmatip
— Anthony DiSpezio (@adispezio) August 19, 2022
*Number keys for opacity* enabled:
- 0-9 to set 10% increments
- Tap two keys quickly for the exact %
- Tap 0 twice for 0%
- Hold shift for zoom keys⬇️
if disabled:
- 1 for 'zoom to fit'
- 2 for '...selection'
- 0 for '...100%'
- Hold shift for opacity keys⬆️ pic.twitter.com/82Et0GSV1w
“Tune in to hear Clara, Amanda, and Qi walk through how to get started and unlock more font styles. From optical sizing to slant, learn how variable fonts give you more design control and expression.”
Anthony DiSpezio goes deep on hexagons, and this has absolutely nothing to do with Twitter or NFTs.
Seeing a lot of hexagons... learn more about hexagons (the shape) in @figmadesign! ⬢⬣ pic.twitter.com/UK32I2KCUm
— Anthony DiSpezio (@adispezio) January 21, 2022
Anthony DiSpezio with an ode to Auto Layout 👏
We recently had our variety show at @figmadesign. Submitted for your approval, my ode to auto layout :) pic.twitter.com/fEzWwZEk4q
— Anthony DiSpezio (@adispezio) December 13, 2021
The theme of this Maker Week is Figmaverse, and Anthony DiSpezio created beautiful branding and design system. To the moon!
It’s Maker Week at Figma!
— Figma (@figmadesign) November 2, 2021
Twice a year, the entire company is invited to pause day-to-day work and come together for a week of innovation.
This week's theme is Figmaverse (not related to the metaverse). Here’s how @adispezio brought our out-of-this-world branding to life🚀 pic.twitter.com/UKxmhQ88Zz
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
This update allows plugins to create new prototype interactions in the editor. Check out a code sample by Anthony DiSpezio.
We’ve updated our Plugin API to make reactions writable. Now you can build plugins to automate the prototype creation process or modify interactions in bulk.
— Figma (@figma) July 27, 2021
Check out @adispezio's code example to get started. We can’t wait to see what you create! https://t.co/Q9KOnXwzz3 pic.twitter.com/fdoyNbKYcu
Use bullets and numbers to organize information, emphasize important details, or outline steps. Check out the video by Anthony DiSpezio with a quick demo. Hope you caught the fun lists launched as an April Fools joke!
A quick tip from Figma Designer Advocate Anthony DiSpezio. (While on topic, read the story behind color named “rebeccapurple”.)
Quick @figmadesign tip for some www nostalgia - you can use CSS color names as hex values in Figma #FigmaTiphttps://t.co/DqCiMhbUtr
— Anthony DiSpezio (@adispezio) January 14, 2021
My favorite is "burlywood," what's yours?! pic.twitter.com/Iz9Ta5zNwW