You can now reclaim and separate your vector path and text from applied text on a path.
It is now its own option when in @figma design in the toolbar, so no more accidental rectangle text paths when you are trying to make a button. These details make a difference. #figmatip
Here is a quick walkthrough on the methods used to recreate the biohazard symbol in @figma using Design and Draw features like arc tool, rotation point, boolean operations, duplicate rotate, and components. #figmatip
Reminder that text on a path in @figma exists, and is very fun to use.
Press "T" and click on a path. You can change the alignment, and position of the text along the path, and flip it in the properties panel. #FigmaTip
Been requesting vector point box transform functionality at @figma for years. So stoked it's now here! Have more control over symmetry and relative resizing of vector points in your design workflow. #FigmaTip
You can right-click on a gradient fill in the gradient panel to redistribute gradient stops evenly in @Figma Design. (This used to be triggered previously with a double click.) #FigmaTip
We are all easing back into @figma for the new year, so lets go over a tool you may have overlooked recently: the cut ✂️ tool. #figmatip
Shout out to the Figma Draw team for this one!
In @figma Draw, adding new variable width nodes on strokes can snap to the exact midpoint between other variable width nodes.
Bonus: hold shift to edit multiple variable width nodes at the same time. #FigmaTip
Nuanced Design System Tip: Don't token your final HEX values. Token the intent. e.g., color-brand-primary-hover over #3B82F6. This prevents accidental style drifts and allows for seamless theme/palette changes.
#DesignSystems#DesignTokens#FigmaTip#TechDesign
If you want to change the rotation origin on an object in @Figma Design, select the object and press ⌥R (Alt R) to bring up the orientation point, and move it to a better spot for that perfect rotation point.
#FigmaTip
Your Friday reminder that the pattern fill tool in @figma is an absolute bop. Select any source that you want to be a pattern, and it live updates, and control the pattern type, scaling, spacing, and orientation. #FigmaTip
In @figma Design, press control when right-clicking to see all of the objects / layers underneath your cursor to select objects out of view, behind other objects.
Another reason to name your layers 🫣.
#FigmaTip
In @figma Design you can easily cut up a shape with a path using the shape builder tool, without moving over to draw! 🤯
Just draw the path you want to use to "Cut." Just select your object and path and press "M," and click your regions.
#FigmaTip
Dumb-smart designer trick: PDF too big to send? Export from Figma → Convert to DOCX → Open in Word → Save as PDF. 9MB → 800KB, no quality loss. #UX#design#FigmaTip#productivityhack