Hover over the quick create icon on a shape or sticky to see a preview of what will be created, or drag it to add connectors between shapes. See a quick demo by Ana Boyer.
Rogie King built a plugin to import .procreate files into Figma, complete with named layers, groups, blend modes, and clipping masks. Make sure to check out a Twitter thread on his challenges during development.
Joey Lamelas with a cool photo-realistic artwork. See the process on Twitter.
Figma is not just meant for UI design or prototyping. It's a magic wand for the design wizard to design anything you want. Design Potion - purely made in @figmadesign. Available to collect as #NFT from @withFND. pic.twitter.com/aBL6FWzgQP
— vijay verma ᵍᵐ (@realvjy) July 3, 2021
Vijay is a true Figma wizard. Look at his process on Twitter.
Figma files are the single most exciting way to create and distribute content
— Ridd 🏛 (@Ridderingand) July 14, 2021
So what if @figmadesign launched a "magazine" for the community delivered as a design file?
It would be interactive + educational + community-driven
Here's what I think it could look like 👇
Happy Monday folks, here are a few ways to crop images easier in @figmadesign:
— luis. (@disco_lu) July 12, 2021
• Double click whilst holding Option (Mac) / Alt (Windows)
• Hold CMD (Mac) / Control (Windows) and drag the handles
• Use shapes and boolean operations
Happy croppin' ✂️ pic.twitter.com/Pex2IcerVF
A few @figmadesign keyboard shortcuts ⌨️✨ that help me move a bit more quickly while working:
— Joey Banks (@joeyabanks) July 12, 2021
⇧A: Add Auto Layout (⌥⇧A to remove)
⌥L: Collapse layers
⇧⏎: Select parent (⏎ to select children)
⌥W/A/S/D: Align top/left/bottom/right
⌘K: Create link from text
Gleb is right – icons as variants can’t be previewed or searched. In fact, Figma doesn’t recommend using variants to group different icons either. If you have different sizes or versions of the same icon, then you could combine these as variants instead.
PSA reminder: never use variants for different icons in @figmadesign!
— Gleb Sabirzyanov (@gleb_sexy) July 7, 2021
Use regular separate components to:
- Preview icons when swapping instances
- Search via name and icon description (bonus tip: add synonyms for easier search)#FigmaTip pic.twitter.com/4oGqs2GxIb
Today at @figmadesign we shipped a fix for one of my longest standing pet peeves about the product — now you can edit frame names directly on the canvas! Just double click and start typing.
— Dylan Field (@zoink) July 13, 2021
Thank you to Linda Zhang for making this happen! pic.twitter.com/iUqTmvl5dw
Building complex nested components is one of my favorite parts of working in @figmadesign
— Ridd 🏛 (@Ridderingand) June 24, 2021
I love seeing how people think about the building blocks!
So this is me peeling back the curtain and showing you exactly how I built this menu component below 👇 pic.twitter.com/2CvgBkPhyj
There's a right way and a wrong way to use variants in @figmadesign.
— Ridd 🏛 (@Ridderingand) June 20, 2021
When used correctly, they can be the most powerful part of your entire workflow.
These are the 5 steps I do for every single component I create 👇
Over a year ago I made a 56(?!) second video on how to make a table using auto layout. Since then Figma has released a ton of amazing updates, like variants! Here's a 55 second video on a simple way to make a table with auto layout and variants pic.twitter.com/nZ33gPqSzq
— Figma:55 (@figma55) June 16, 2021
Make duotone-style photo effects in @figmadesign with #ProfessorFigma in 59 seconds or less!
— miggi from figgi (@miggi) June 10, 2021
While not perfect, you can use stacked fill layers and blend modes to create an easily repeatable, image swappable duotone-like effect for your photo mockups. pic.twitter.com/LDfegzBOev