#Fill & Stroke
Cropping images
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
Remove BG
Remove the background of images automatically, using remove.bg’s clever AI.
Mesh Gradient
Using stroke dash for pixel-perfect intervals
Really smart solution! “This trick uses the dash/gap length to calculate exact degree marks. This lightweight approach makes it easy to store all of the information for interval marks in a single stroke.”
How to make dotted lines for illustrations
Come for the tip, stay for a beautiful demo.
Here is a #FigmaTip showing you how to make dotted lines for your @figmadesign illustrations. ✏️
— Mirko Santangelo (@mirkosantangelo) January 29, 2021
Open the Advanced Stroke panel, set the Cap to Round, then add a 0.1 Dash and tweak the dots spacing using Gap.
Happy Friday! ☺️ pic.twitter.com/M5NomG6VLU
Image Tracer
Image Tracer traces black and white bitmap images and turns them into a vector layer.
Use CSS color names in Figma
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
Demo of Variable-Width Stroke plugin
Figma55 recorded a short demo of the recently released plugin by Figma cofounder Evan Wallace.
🎉🎉 Figma55 is one year old! 🎉🎉
— Figma:55 (@figma55) January 16, 2021
To bring in the new year, here's a video covering an often missed Adobe Illustrator feature that you can now do in Figma, thanks to @evanwallace's Variable Width Stroke plugin pic.twitter.com/vdNmwQ3gIi
Variable-Width Stroke
The plugin adds support for variable-width strokes. Made by Evan Wallace, a co-founder of Figma. (Hopefully, this is just a sign that native support is coming to the app soon!)
Animate Angular gradient strokes
Figma @figmadesign protip: You can animate Angular gradients strokes. Make a simple loading animation by rotating the angle of the Angular gradient on a shape's stroke.
— miggi from figgi (@miggi) December 10, 2020
s/o to @annehelliott for the question & @BenMendelsohn for the rectangle. pic.twitter.com/aXe1y2DAak
Easing Gradients
Filter
Over 30 filters for raster images.
6 Steps to Make Excellent Blurred Background
Rogie: Preserve icon colors when you swap out icons
Here it is. A workaround for your buttons to preserve icon colors when you swap out icons.
— ˗ˏˋrogieˎˊ (@rogie) October 30, 2020
This has been another #TotallyRadFigmaTip from ya boi.
Here's the @Figmadesign file: https://t.co/USmdie8ldt#figmatips #figmatip pic.twitter.com/bueqfLyVFS
Color Picker Update
You can now type CSS color names into the color picker. Here is a good demo.
Improved Reordering in the Properties Panel
A vector stroke marker pack for Figma
🔥 NOW AVAILABLE 🔥
— DANN ツ (@DannPetty) September 17, 2020
A Vector Stroke Marker Pack for @figmadesign!
✔️ 100% Vector
✔️ Fully Scalable
✔️ Fully Customizable
✔️ Full Alphabet
✔️ Numbers 0-9
✔️ Made with Posca + Copic Markers
✔️ How many strokes? A LOT!https://t.co/vz9UcTzoZw pic.twitter.com/daCAvAFrvN
Yummygum: Copy and paste individual style properties between layers
This is a huge time saver. Can’t believe I never tried this before.
TIL in @figmadesign you can select individual style properties and Copy (⌘C), Cut (⌘X) and Paste (⌘V) them onto other layers#figma #figmatip
— Yummygum (@yummygum) April 14, 2020
. pic.twitter.com/WJjp6j4uya
Filter
Apply over 30 custom filters to raster images.