Design

In the design process, it is necessary to work with real data, and by checking design standards. The designer should be able to quickly access many elements such as logos, icons, and fonts suitable for the design. We have chosen 9 magical automation that will help and speed up your process.

Discover

Heading

Automations!

We created a kit of tools that you can use while automating the design process.

Design Languages

A curated liabrary for design languages, design systems and front-end frameworks.

UX Toolkit for Figma

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

Using Real Data 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.

How to create a fully automated job board using no-code tools?

Automatio + Webflow + Google Sheets + Zapier

Resize your images with Downsize

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

Webflow Logic

Webflow Logic feature will help you capture customer information, sync the CMS, and connect all your sites and apps.

WhatFont

The WhatFont extension identify font family from every language.

Panda

The homepage for your favorite websites.

Elfsight Widgets

Elfsight widgets help 1,000,000+ website owners to increase sales, engage visitors, collect leads and more.

The best totally free web fonts & typefaces

Quality, free web fonts are difficult to come by these days.

Html-sketchapp

Html-sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.

Genarate patterns with Fffuel

Fffuel is a new & upcoming collection of free and premium HTML templates, free SVG generators, useful tools&resources.

Remove Background

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

Design System Organizer

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

Create animations with LottieFiles

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

InVision Design System Manager (DSM)

It is a solution for digital product companies leverage the power of comprehensive design systems to scale consistently.

3D Icons

Use beautifully crafted icons with any design tool!

Place It

Create mockups of your design on products or devices.

A few lesser-known Figma tips

A few lesser-known Figma tips

React Sketch App

Render React components to Sketch; tailor-made for design systems.

Ikonate

A set of customisable and accessible vector icons.

Find Icons Without Leaving Figma

Access the entire Icons8 icon library without leaving Figma!

Design Systems for Figma

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

Hand››over

Convert your selected pixels to rem instantly.

UXPin Merge

UXPin Merge allows you to design with React components to achieve full consistency with the final product.

miniExtensions Portal for Airtable

Share records with people outside of your organization.

Named Colors in Figma

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

Free Website Design Templates

Zeroqode is a platform that provides fully functional ready-made templates and other no-code products.

Autoflow for User Flow

Autoflow makes it easy to draw flows.

Google Docs Sync

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

Select by Font

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

Vectary 3D Elements

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

Rename It

Keep your Sketch files organized, batch rename layers and artboards.

Create beautiful products with Material Design

Google’s most expressive and adaptable design system yet.

Grammarly

Grammarly helps us to control the performance metrics, such as readability and vocabulary, and also is helpful giving good insight into your writing.

Moodboard Images for Miro

Use Google Images for creating fast moodboards in Miro.

Automator for Figma

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

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

Dimensions

A tool for designers to measure screen dimensions

Let The Designer design for you!

The design tool that designs for you.

Fast Copy & Paste Data in Figma

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

Iconify for all kinds of icons!

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

Tweetgen

Online fake Tweet generator.

UX Challenges

Practice with real-world exercises, trains yourself in different tools.

One Figma component — 3,360 Variants

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

Send to Top Figma Plugin

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

Miro Web Clipper

Capture web pages while in Chrome and save them into your Miro library.

Figma has new plans for companies that design together

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

Svg Grabber

A tool to quickly preview and get all the svg assets from a website.

UXPin Prototyping

Build prototypes that feel like the end product.

Arc Plugin for Figma

Curve your text upward, downward or into a circle.

Lightshot

Lightshot is the fastest way to take a customizable screenshot. Simple interface, nothing useless and light weight.

Typescales

Quickly generate a simple typescale/modular scale.

Weatherly 3D Icons

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

How to copy vectors?

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

Turn your Figma files px to rem!

Turn your Figma files px to rem with Zeplin.

TinEye Reverse Image Search

This is the official TinEye Chrome extension. Find out where an image came from, how it's used, or find higher resolution versions.

VisBug

Open source web design debug tools built with JavaScript: a FireBug for designers.

Mixkit Free Assets

Free assets for your next video project

Storybook Figma plugin

Storybook Connect links your stories to Figma components

Figmotion Animation Tool in Figma

Figmotion is an animation tool built right in Figma.

Content Reel for Consistent Design

Select one or more layers in your design, then choose a content type from the Content Reel palette to apply.

Lorem Picsum

The Lorem Ipsum for photos.

Blush for Illustrations

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

A helping hand for your Sketch designs

Assistants check your documents to help you spot issues, stay consistent with design systems, prepare your files for collaboration, and follow your team’s rules

Similayer

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

Sketch Icons Plugin

A Sketch plugin that allows you to import a set of icons and automatically apply a color style.

Notion Template

Weekly planning template.

Image and Video sizes for Social Media

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

Beautiful.ai

Presentation maker that designs for you.

Accessibility Plugins for Sketch & Figma

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

Automate Sketch

Automate Sketch is a plugin which makes your workflow more efficient.

This X Does Not Exist

Using generative adversarial networks (GAN), you can create realistic-looking fake versions of almost anything.

Free 3D icon

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

Chart for Data Visualization

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

Figment

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

Slack Block Kit for Modals

Design and build your Slack apps with Block Kit.

Webflow Templates

Responsive website templates for designers, businesses, and personal use.

Window Resizer

Resize the browser window to emulate various screen resolutions.

Design with Data in Adobe XD from Airtable

The Airtable for Adobe XD plugin allows you to iterate on your designs using real content from your Airtable bases.

Userflows for Figma

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.

Find and Replace Colors

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

CopyDoc Figma Plugin

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

Produce Avatar Mockups UI Faces

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