Figma

Template kit to visualise the hierarchy and structure of a product or website in Figma.

When Jacob joined Echo, he realized that he need to create Pharmacy version of Lorem ipsum. He explained how he created a spreadsheet and synced data and Figma.

Compress and resize images without leaving Figma or FigJam! Smaller images help files load faster and reduce memory usage.

Use real data from Airtable to take your designs to the next level.

Remove the background of images automatically with just a single click - using the remove.bg API.

Design System Organiser enables you to create a large-scale Design Systems in Figma.

LottieFiles provides all the tools that you need to create, edit, test and display Lottie animations.

Use beautifully crafted icons with any design tool!

A few lesser-known Figma tips

Enter a company name and instantly get its corresponding brand assets into Figma.

Access the entire Icons8 icon library without leaving Figma!

A collection of Design Systems for Figma from all over the globe.

Matt Wierzbicki describes some of his ways to automate tasks that you are probably doing manually while transferring your design from Figma to Webflow.

Convert your selected pixels to rem instantly.

Convert Figma layouts into responsive webpages (in Tailwind) or mobile apps (in Flutter and SwiftUI).

Bring your Figma designs into Bubble and can go from prototype to production — all without writing any code!

Type in a color name in an input and get a hex value

Autoflow makes it easy to draw flows.

Able allows you to check the color contrast ratio and to keep design consistent.

Sync rich text with formatting from Google Docs directly into your Figma file, also works in multiple frames at the same time.

Easily view all the distinct fonts used in the current selection. Then, select all text nodes of a similar font.

Vectary 3D plugin for Figma is adding the missing third dimension to your 2D designs.

Use this extension to capture your current page and import it as editable Figma layers!

Automations are made up of multiple “actions,” or things you can do in Figma by mouse, keyboard, or menu like drawing shapes or changing layer styles.

Style lens surfaces all the fills, fonts, strokes, shadows, blurs, radii, and text you’re using across your page to all layers at once.

Flipbook is a Figma plugin that helps you to create animation from your design.

Many Paster is a Figma plugin allows you to insert a list of data into selected text layers individually.

All icon fonts, right inside Figma. Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji...

Instead of creating every single component, make one and specify with the filters!

Take any selection and send it to the top of the layer stack.

Brainstorm, diagram, plan, and connect in FigJam—now out of beta.

With design systems its become easier and easier to work in hi-fi designs quickly and easily. Sometimes, however, you need to step back into lo-fi wireframes.

Sync content from Google Sheets directly into your Figma file.

Curve your text upward, downward or into a circle.

Quickly generate a simple typescale/modular scale.

Weatherly is Piqo's first 3d pack that relates to weather and it's available in 3 platforms.

Copy .svg assets from a browser and paste them directly into Figma.

Turn your Figma files px to rem with Zeplin.

Storybook Connect links your stories to Figma components

Figmotion is an animation tool built right in Figma.

Automatically post updates to a Slack channel each day with the updates from a Figma file's version history.

Create and customize illustrations in your designs with Blush. Just choose a collection, pick a composition, and place it on the canvas.

Select similar layers; based on a whole range of properties.

Templatery is a growing collection of beautiful templates for Figma presentations. All templates are free and ready to be cloned.

Templates for Sketch, Figma, XD, Photoshop & Illustrator.

Design for everyone with these accessibility-focused plugins for Sketch & Figma.

Turn Figma frames into a Google Slides presentation. Built completely ontop of the Figma API using a Chrome extension.

A collection of free, beautiful, trending 3D icons both premium and free versions.

Chart is a plugin that uses real or random data to create the most popular charts inside Sketch, Figma or Adobe XD.

Turn your designs into websites without coding - add animations, functional buttons, videos, and quickly export HTML when done!

Design and build your Slack apps with Block Kit.

Pixelic imports Figma files and lets you create user flows in seconds and share via Slack. You can add comments, tasks, and document UX specs without spending hours on managing projects.

It is a quick & easy solution for finding all colors and replacing them as you need.

Everything you need to easily export, import, localize, spell check, and update Figma text.

UI Faces collects thousands of avatars that you can carefully filter by age, gender, emotion, and other factors.

Magically turn your Figma designs into animated slide decks or export them to PowerPoint.

Makers is a Figma Plugin to help you build and publish sites directly in Figma. No code required.