Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
11. Change the font With the text layer selected, you can access settings in the Properties panel to change the font, as well as font size, weight, and color. We’ve stuck with Inter, but switched up to bold and uppercase text. We also aligned the text to center. Try exploring the...
You can configure CSS units and root font size to convert px dimensions in CSS to rem units.Warning After switching units, only the code output in the TemPad Dev panel will switch to non-px units. The plugin cannot affect the display of sizes and spacing on the Figma canvas....
It is a Figma shortcut, so right-click on the instance to activate the menu with that option. Create an independent frame through ditching relationships between the master and the inherited one. Again, right-click on the component brings a submenu where you can choose this option. Select all...
To know which Frame or screen is still work in progress, and which one is ready (final variant completed), we add an emoji (Windows shortcut:Win key + . or Win key + ;/ Mac shortcut:Cmd + Ctrl + space) before the frame name so everyone can see at a glance the frame’s current...
We have two different table templates: one for font size 16 and one for 12, both with their own cell spacing. Apart from that, the table templates are the same (settings on text alignment, sorting indicators, and nested components in the cells and so on). Wouldn't it be awesome if ...
element into another frame, and ensure it’s in a consistent place. But sometimes you need to paste an element exactly where you’re currently located in the canvas. For this, you can use the “Paste over selection” command. The keyboard shortcut is⌘Shift⇧Von Mac, orCtrlShift⇧...
Create a keyboard shortcut and click “Add”. Run the plugin in Figma with your custom shortcut! Create custom keyboard shortcuts for Figma plugins. (Large preview) Conclusion Figma has added some amazing native functionality lately to make repetitive actions less repetitive. At theConfig Europeev...
By default, the text style has the Figma default text properties (font family Inter Regular, font size 12). createEffectStyle(): EffectStyle This API is only available in Figma Design Creates a new Effect style. createGridStyle(): GridStyle This API is only available in Figma Design ...
Speed up and optimize your Figma files by automatically downscaling Figma image fills to their layer size. Perfect for those tiny 64px avatar layers with huge 4000px image fills. Export custom animated GIFs or MP4s from any layers. TinyImage lets you easily create animated GIFs, animated WebPs...