#Features
Cmd/Ctrl + right-click the object to show child/parent objects
Tired of clicking into nested layers in @figmadesign & don't know how many layers deep you have to go to get to the thing?
— ˗ˏˋrogieˎˊ (@rogie) July 27, 2020
Cmd/Ctrl + Right Click the object and out whips this friendly little menu that shows child/parent objects. Ditch that layer panel like a boss.#figmatips pic.twitter.com/fU0T26leL7
Templatery
Bubble + Figma Integration: Design and Deploy Your Web App Without Code
Explore Figma Community
Figma Tutorial: Prototyping & Transitions
Annotate It!
Build It in Figma: Create a Design System — Components
Lyft’s internal plugin for switching between light and dark mode
we released an internal @figmadesign plugin today at @lyftdesignteam that allows designers to seamlessly switch between light and dark mode directly within Figma. and yes, it does support elevation overlays. pic.twitter.com/z7TLp0xpXX
— Alex Lockwood (@alexjlockwood) July 29, 2020
Effect icons indicate the offset direction
My friend Nether @nether8904 told me that Figma effect styles' icon will indicate the offset direction. That's a really cool detail! @figmadesign pic.twitter.com/VKrTvxD3iA
— Hal (@leadream4) August 1, 2020
Option/Alt + L to collapse all groups and frames in the Layers panel
Figma shortcut of the day: Alt/Option + L will collapse all groups & frames in the layers panel! ✨
— Gleb Sabirzyanov (@gleb_sexy) July 29, 2020
When there are so many objects that you start losing your head while navigating the layers — Alt + L (win) or Option + L (mac) is your savior! @figmadesign #FigmaTip pic.twitter.com/8KGeka1E9r
Using Elgato StreamDeck with Figma
A few weeks ago I ordered an @elgatogaming #StreamDeck to help me be more productive as an agency co-founder and designer. My findings so far:
— Leon Ephraïm (@leonephraim) July 29, 2020
TL;DR it's helped me both speed up my design workflow in @figmadesign as well as made KM macro's more top-of-mind pic.twitter.com/rSxQgGRU3S
Figma Pitch Deck Template
300+ components for creating a professional pitch deck in Figma.
All of my Favourite, Most Used Figma Plugins
Jason Crabtree shares a list of his favorite plugins. Good recommendations.
Figma to Code
Convert Figma layouts into responsive webpages (in Tailwind) or mobile apps (in Flutter and SwiftUI). The plugin takes Auto Layout into account, and even when it’s not applied, but objects are aligned, it will make them responsive.
Relay for Figma
Relay allows you to push graphics in Figma straight to the GitHub repository. This is quite amazing, as now, with a proper setup, changes in a design file can be reflected on a live website without fiddling with exports.
In the file: How to run remote user testing at scale
Get user feedback earlier and faster on your designs by running user testing and turning research into actionable insights.
Set the width or height of an exported file
I recently learned that in the Size field of the Export panel, a number followed by w or hcould be used to specify the width or height of the exported image.
TIL: you can set the width or height of an exported file in @figmadesign by entering a number followed by 'w' or 'h' in the Size field. pic.twitter.com/MfNcbhssIl
— Eugene Fedorenko 🇺🇦 (@efedorenko) July 20, 2020
Build it in Figma: Design responsive and resizable forms
The 3rd part of the series focuses on creating constraint-based field components with Auto Layout to build forms that scale to various browser sizes.
How to resize images using Auto Layout
A trick that combines Auto Layout, frames, and fills to resize image layers along the vertical and horizontal axes.
Playing Tabletop RPGs via Figma
Designing and playing Star Trek Adventures in Figma, with a group of people who never used the app before.