Top 5 Figma Plug-ins for UX/UI Designers

User Experience Design Dec 06, 2019

Content Reel

Figma - Content Reel | Need content for your layouts? Content Reel helps you easily pull text strings, avatars and icons...
Need content for your layouts? Content Reel helps you easily pull text strings, avatars and icons into your designs. Select one or more layers in your design, then choose a content type from the Content Reel palette to apply. Choose from the following content: • Text: Names, phone numbers, U.S...

ContentReel by Microsoft is a top plugin and that's mainly because it lets you easily populate text layers with names, dates and more fields.

Figmotion

Figma - Figmotion | Figmotion is an animation tool built right in Figma. This makes the entry into animation easier a...
Figmotion is an animation tool built right in Figma. This makes the entry into animation easier and more convenient as there is no need to switch to a completely separate motion tool such as Principle, Haiku or After Effects. Figmotion makes the animation hand-off to developers more manageable as...

Figmotion helps you create simple animations directly in Figma without having to open Principle or Adobe After Effects.

Similayer

Figma - Similayer | This plugin takes Figma’s in-built ‘Select all with...’ command to the next level. Select similar...
This plugin takes Figma’s in-built ‘Select all with...’ command to the next level. Select similar layers; based on a whole range of properties. After selecting a layer, run this plugin to select all other layers based on specific properties. You can select multiple! Use cases: • Selecting all i...

Similayer lets you select layers based on their common characteristics and update them all at once.

Rename it

Figma - Rename It | Keep your Figma files organized, batch rename layers and frames. • Mutiple Layers Rename Mult...
Keep your Figma files organized, batch rename layers and frames. • Mutiple Layers Rename Multiple layers at once. • Sequence Sequentially rename layers in either ascending or descending order. → Keyword %n - Ascending numbered sequence → Keyword %N - Descending numbered sequence ...

Similar to Similayer, Rename It enables you to update the naming convention for your layers at once.

Roller

Figma - Roller · Design Linter · Toybox | Roller is the first ever Design Linter - giving you the power to automatically find and fix style...
Roller is the first ever Design Linter - giving you the power to automatically find and fix style inconsistencies in your files. Be confident every design you hand-off is 100% consistent with your Style Guide or Design System. How to use Roller: 1 - Import or add your styles to the Roller Librar...

Roller compares your style library to your frames and finds inconsistencies within your designs.