A few weeks back, we asked ten Figmates across engineering, product, design, and research to share what they love most about Figma, including their favorite use cases and tricks. During a recent livestream, they walked through speed tips and keyboard shortcuts, brainstorming exercises, and their most-used templates — all in five minutes or less. You can check out the full video below, or read on for curated tips on the unexpected ways we use Figma:
One of the questions we get asked most is “How do Figmates use Figma?” The short answer is: for almost everything. Beyond product design, we all rely on Figma to do everything from team-building exercises to remote research.
As Aaron Tesfai, an engineer on the prototyping team, says, “My favorite thing about Figma the product is that it caters to a variety of skillsets.” While designer advocates Anthony DiSpezio and Miguel Cardona demystify blend modes and easing curves in the livestream, we wanted to highlight some of our favorite use cases that make Figma more approachable to everyone, regardless of skill level or design experience.
The first method is the mind map sketchbook, a diagram used to visually organize information. The sketchbook is divided into three sections:
This framework allows you to highlight themes, which then lead to creative concepts. The brand team at Figma used the framework when exploring directions for branding the Figma Community:
As Remilla says, “There’s no yes or no, right or wrong.” It’s really about pulling inspiration and being open to exploring new directions.
The second framework is lists and mood boards. The list (below) is divided into three sections:
Recently, the team explored a new direction for Maker Week:
After completing the prompts, the team pulls themes and keywords onto a mood board. From there, they collect images and color palettes, which allows them to see how everything fits together. The final step is coming up with a concept statement that ultimately helps lead brand identity.
With these methods, Remilla says, it’s not about worrying whether you’re on the right track, but about getting into a “state of flow,” where you can be your most creative. Plus, she says, it gives you insight into how your team is thinking about the project, and what’s top of mind for them. You can check out this file for the template that Remilla and the brand team use.
Researcher Nannearl Brown shares how her team runs exercises in Figma to make research feel a little less scary to participants. “We definitely want people who participate and share their information with us to feel comfortable,” she says.
Before the research session begins, the team will often send out trading cards as pre-work that allows participants to share more about themselves and get them prepared for the research exercises. The fields ask about Figma — like their favorite feature and Figma use case — as well as more personal questions. Beyond helping the team learn more about research participants, trading cards also make the process feel a little less formal.
During research, the team often wants to know how participants are using Figma, how often, and their feelings toward it. The mad libs exercise allows some structure, while also giving participants flexibility to talk about whatever is top of mind:
In addition to how participants think about Figma — the words they use to fill in the blanks — the exercise allows the research team to observe them actually using Figma (and features like auto layout) live. In turn, researchers get valuable insight into participants’ experience and comfort level with Figma.
Beyond research, trading cards and mad libs can serve as team-building exercises as well, especially as so many of us continue to work remotely.
As a product manager at Figma, Emily Lin works quite cross-functionally and spends a lot of time synthesizing and sharing work with other teams. Whether it’s for team meetings or All Hands presentations, she — like many others at Figma — builds and shares presentations entirely in Figma.
Slide decks are built using Figma’s prototyping functionality, starting with creating a frame. Each frame corresponds to a slide, and Figma reads the information left to right, top to bottom:
This layout allows you to see whether the colors, text, and spacing are all consistent, in addition to getting a sense for how things flow overall. “This is really helpful for just generally load-balancing the content and seeing if everything visually aligns,” Emily says.
If you’re presenting and want to give a shout-out to other teammates who worked on a project with you, you can create a circle avatar of your teammate’s photo to include on your slide. To create the avatar, adjust the corner radius — instead of calculating the exact corner radius, the value “999999” should make the picture snap to a circle.
“I’m a very hacky Figma worker,” Emily says. It’s less about getting pixel perfect designs, and more about creating a framework for you to share work with your team. You can check out this file for more Figma tips for PMs (and a bonus slide template!).