Figma – Muzli feed

12 Figma plugins you’ll need in 2025

Canvs Editorial
Meaningful stories and insightful analyses on design

As a team of product designers, Figma and Figma plugins are the bread and butter of our day-to-day.

They save time, help take care of the mundane tasks, and add value where it counts. And, with so many plugins out there, it’s hard to know which ones are worth it.

We’ve pulled together a few that we actually use and are central to our workflow. These resources have made our work faster and easier, and there’s a good chance they can do the same for you.

Here’s a list of few:

1. Aidentic

Aidentic is an AI design assistant that helps make your interfaces more usable.

It looks over your mockups and suggests tweaks for things like text, images, fonts, and colors. What’s great is you can apply the changes you like straight to your design with a single click.

2. Slide UI

Slide UI is a massive UI/UX block database with over 10,000 ready-to-use blocks that help speed up your design process.

Instead of starting from scratch, you can simply search for the blocks you need — like a nav bar or a hero section — drag them onto your artboard, and customize them to fit your style.

It’s faster than building components and more flexible than using full templates, giving you the best of both worlds.

3. Figma resources by Vijay Verma

Vijay Verma’s collection of Figma resources is a must-see for designers looking to level up their workflow. It has some thoughtfully crafted plugins that solve real design challenge. Whether you need to organise, optimise, or add polish, there’s something here to make your work easier.

4. Inima

Inima lets you turn your Figma prototypes into animated files like GIFs, APNGs, or keyframes. It offers more animation control than Figma’s ‘smart animate.’

Just set up your prototype, hit “render” in the plugin, and download the animation in your preferred format. Simple and effective for adding motion to your designs.

5. Web to Figma

Web to Figma allows you to import full webpages or specific components straight into Figma. Use the plugin to grab a webpage by entering a URL, or the Chrome extension to capture elements from any site. It’s great for creating moodboards, collecting design inspiration, or collaborating with developers by comparing live sites to your designs.

6. Google fonts

The Google Fonts plugin makes it easy to browse and add fonts directly to your Figma text nodes. You can quickly explore the full range of Google Fonts and save your favorites, with all variants available for instant use.

7. Ghost UX Writer by Zeta

Ghost UXWriter is a plugin from Zeta designed to simplify UX copywriting for designers, writers, and developers. It lets you quickly insert or copy pre-written UX copy directly into your designs, with options to adjust tone — from plain to playful.

8. Random Picker

Random Picker is a versatile Figma plugin that allows you to randomly select a specified percentage of layers or objects within your design. The plugin will instantly highlight the randomly selected layers.

9. Stark — Contrast & accessibility checker

Stark Suite is an all-in-one tool that makes accessibility easier for designers and developers. It has features like contrast checking, alt-text suggestions, vision simulator (for people with different kinds of vision), and typography analysis.

It’ll help you catch and fix accessibility issues before they become problems.

10. Style Replacer

Find and replace a style with another in your components.

Style Replacer will help you quickly replace a style with another in your components. Instead of manually updating each instance, it allows you to replace styles efficiently and consistently.

11. Similayer

Similayer enhances Figma’s ‘Select all with…’ feature by giving you more control. It lets you select layers based on a range of properties, making it easy to fine-tune your selection process. You can even select within multiple layers to narrow down elements by specific values, streamlining tasks that would otherwise take time.

12. Overlord

Overlord makes it easy to transfer vector shapes from Figma to Adobe After Effects with just one click. It’s a handy tool for anyone working on motion graphics, helping you skip the hassle of exporting files.

Check out these 2 articles for more Figma plugins:

Designing smarter, not harder

This is just the start — there are plenty more tools out there to help you design smarter. Keep exploring and testing new ones to see what fits your workflow best. And make sure to try out the plugins we’ve highlighted — you might find something that really changes the game for you.

Want even more inspiration?

Follow us on social media for your daily dose of design, innovation, and creativity right in your feed!Linkedin | Instagram | Twitter

5 professional, free & paid Figma Design Systems, 2024-2025

A Design System is an invaluable resource for designers, serving as a single source of truth that ensures consistency, efficiency, and scalability throughout the design process.

By providing a comprehensive library of reusable components, guidelines, and patterns, it streamlines collaboration across teams, eliminates redundant work, and fosters a unified visual language across projects. Designers can focus more on solving complex problems and crafting user-centric experiences rather than reinventing basic elements for every project.

Additionally, a well-maintained Design System bridges the gap between design and development, making implementation smoother and reducing the risk of inconsistencies. It’s not just a tool—it’s a foundation that empowers designers to work faster and smarter while delivering cohesive, high-quality products.

Untitled UI / $129

Untitled UI is the largest UI kit and design system for Figma in the world.

Untitled UI has been a staple in the market for years, earning its reputation as one of the most popular UI kits and design systems for Figma.

It provides everything needed for any design project, from simple websites to complex web applications, all in one comprehensive package.

Staying true to traditional component creation, Untitled UI is expertly built with 100% Auto Layout 5.0, intelligent variants, Figma’s latest variables features, and a strong emphasis on accessibility. Boasting over 10,000 components and variants, 900+ global styles for colors, typography, and effects, and an impressive library of 420+ beautifully designed mobile and desktop page examples, it stands out as one of the most extensive and versatile UI kits available.

Get Untitled UI here

Detachless / Free

The Detachless UI Kit for Figma is an excellent free resource designed to simplify and speed up web design. It offers a wide range of components and styles to help you craft stunning designs with minimal effort.

Detachless allows you to kickstart your web projects effortlessly, providing all the essential tools for a seamless and cohesive design workflow. It’s a valuable asset for any designer looking to enhance their efficiency and unleash their creativity in Figma.

Get Detachless here

Frames X / $77

Created by Dmitriy Bunin in late 2021, Frames X is a standout example of a mid-weight design system for Figma.

Frames X includes over 5,500 reusable components and variants, all built with Auto Layout and supporting dark mode. It also features color styles, icons, and more than 420 “building blocks” to kickstart your website and app designs.

Get Frames X here

Keep / $99

Keep is a streamlined design system that stands out by offering seamless integration for both Figma and React, bridging the gap between design and development. Unlike traditional design systems that often focus solely on design tools, Keep provides a cohesive framework that ensures consistency across design and code.

With its dual compatibility, designers can effortlessly prototype and refine their ideas in Figma, while developers can implement those designs with precision using React components. This end-to-end solution not only accelerates the workflow but also reduces the risk of misalignment between design and implementation, making Keep an essential resource for teams aiming for efficiency and collaboration.

Get Keep here

Atomize / Free & $59

Used by over 12,000 designers and teams from companies like Thoughtworks, Blurb, Latch, and more, Atomize empowers designers to create modern and visually appealing user interfaces and websites, while eliminating tedious tasks.

Get Atomize here

Bonus- All-In-One

All-Access Pass to UI8.
Instant access to all 10,006 existing products and daily new releases.
Unlock $270,453 worth of assets including UI Kits, fonts, Design Systems, mockups, icons, illustrations, themes & templates.

Get All-Access Pass Here

Want even more inspiration?
Follow us on social media for your daily dose of design, innovation, and creativity right in your feed!
Linkedin | Instagram | Twitter

Top 9 Figma plugins you can’t miss in 2024

Canvs Editorial
Meaningful stories and insightful analyses on design

As a designer, having the right tools can make a big difference in your workflow.

This quarter, we’ve picked out 9 of the best plugins that stood out to us, and which will make you an efficient designer in 2024.

Each one offers something useful, from simplifying work or handling mundane tasks.

These plugins are easy to integrate into your workflow and can help you be more productive.

Whether you’re an experienced designer or just starting out, these new plugins are definitely worth a look.

Let’s get into it.

1. Vector to 3D

Vector to 3D converts your 2D text and vector layers into 3D models with just one click, using a powerful built-in ray tracing renderer.

Create stunning 3D icons, banners, mockups without needing to be a 3D specialist.

2. AI Design Reviewer- Copy, UI, Accessibility & CTA Feedback

Built by the creators of Siri, the AI Design Reviewer is trained on hundreds of guidelines from Nielsen Norman, Refactoring UI, and IDEO.

It’ll provide instant feedback and suggestions to enhance your web designs, improve your copy with tailored suggestions, catch and fix UI bugs quickly. It’ll also ensure your designs meet WCAG, AA, and AAA accessibility standards.

3. Cassini Copilot

Cassini is a collaborative toolkit for product teams that seamlessly integrates into your existing setup — whether it’s your browser or Figma workspace — making various stages of the product development process smoother and more organized. Here are a few key ways in which it helps:

Dev feedback — Cassini’s overlay tool helps you compare developed screens with their designs, so you can catch and fix any inconsistencies.
Visual referencing — Using Cassini’s Chrome plugin, you can snap screenshots of references from the web, group them into Sets, and share them easily with your team for feedback.
Team reviews — Cassini streamlines team reviews with features like comment grouping, multi-pin comments, and setting due dates for action items, making discussions productive and efficient.

4. Circular Text

Easily generate both circular and arc text in your designs with the Circular text plugin.

By default, the text wraps around a full circle. However, you can adjust the settings to create text that follows an arc of any angle (like 90 or 180 degrees).

5. Noise & Texture

Noise & Texture plugin lets you dynamically create seamless tiled noise, textures, patterns, gradients, and more.

Simply select a layer, apply your chosen noise or texture, and adjust the settings to see live updates. You can also customise your canvas size and default colors to fit your design needs.

6. Instance Finder

Instance Finder helps you locate all instances of a component used in your file.

Select a single instance or component, and the plugin will search through all pages and frames. It’ll create a comprehensive list of where the component is used.

The list is organised by page for easy navigation, and clicking on any item will zoom in on that specific instance.

7. Animate on path

Animate on path is a powerful plugin with which you can select the object you want to move, such as a frame, instance, or shape.

Next, choose the curve you want the object to follow. You can create curves using the pen tool.

8. Design system organizer

Design system organizer lets you bulk swap instances and styles between master components with the same name.

You can also copy styles between different files.

Manage pathnames, like “toolbar/nav/back,” using a convenient folder-like interface.

9. Find and replace styles

Find and replace styles plugin is ideal for finding and replacing styles across components, instances, and library styles. It’s especially useful for aligning parameters in bulk, such as auto layout or library styles, ensuring your designs are pixel-perfect across projects.

Making the most of Figma

These Figma plugins are designed to make a real impact on your design process.

As you try these out, you’ll find ways to work more efficiently and add some fresh touches to your designs. See how each one fits into your process and enjoy the benefits they bring.

Canvs Editorial regularly brings you insightful reads on design and anything related. Check out the work we do at Canvs Club.

The Canvs Editorial team comprises of Editorial Writer and Researcher — Paridhi Agrawal, the Editor’s Desk- Aalhad Joshi, and Content Operations- Abin Rajan. Follow Canvs on Instagram for more design-related content.

While you are here, do check out Cassini, a quick and easy way to review designs, websites and collect screenshots, all in one place.

Want even more inspiration?
Follow Muzli on social media for your daily dose of design, innovation, and creativity right in your feed!
Linkedin | Instagram | Twitter

Muzli Recap: Highlights from Figma Config 2024

An Electric Atmosphere of Innovation and Anticipation

Figma is an increasingly dominant player in the design world. This fact made 2024’s Figma Config one of the key events for the design community this year.

The Moscone Center in San Francisco was filled with eager designers and tech enthusiasts. But beneath the excitement, there was also a sense of caution — is Figma going to announce something that will completely transform the design landscape?

As expected, AI became one of the most popular topics of the conference. Figma promised groundbreaking innovations to reshape the way we work and collaborate. But can they deliver? Or are they just riding the hype wave?

We’ve been closely watching this year’s conference, so let’s dive into the full list of features and updates that were unveiled…

Figma AI: Think Bigger and Build Faster

One of the biggest highlights was Figma AI, which brings intelligent design suggestions directly into the workflow. AI-powered tools offer layout recommendations, automatic adjustments for spacing and alignment, and color palette suggestions. These features not only speed up the design process but also enhance creativity by providing designers with new ideas. Additionally, efficiency updates automate tedious tasks like generating realistic images and copy, rewriting text, and automatically wiring up prototypes.

Visual Search

Figma AI includes visual search capabilities to easily find components and assets. This feature allows designers to quickly locate and utilize existing design elements, streamlining the workflow and improving efficiency.

AI-Powered Text and Image Tools

Figma AI now includes tools for generating realistic images and rewriting text with just a few clicks. These AI-powered features enable designers to create high-quality visual content and compelling copy effortlessly. The tools analyze the context of the design and suggest relevant images and text improvements, enhancing both speed and creativity in the design process.

Quick-Click Prototyping

Quick-Click Prototyping streamlines the creation of interactive prototypes. This new feature allows designers to convert static designs into clickable prototypes in seconds. By selecting elements and choosing interaction types, designers can quickly set up navigation flows and test user experiences without extensive setup.

and the feature we’ve all been waiting for 😁

Automatic Layer Renaming

To improve organization and clarity, Figma now includes Automatic Layer Renaming. This feature uses AI to rename layers based on their content and context within the design. It eliminates the need for manual renaming, ensuring that files are always tidy and easy to navigate, especially in complex projects.

Generate Designs from Text Prompts

A groundbreaking feature introduced is the ability to generate designs from text prompts. By describing the desired design in natural language, Figma AI can create initial layouts, components, and styles. This feature empowers designers to quickly iterate on ideas and explore new concepts without starting from scratch.

UI3: Figma, Redesigned

The redesigned interface, UI3, is more than just a facelift. It aims to make navigation more intuitive and workflows more streamlined. The revamped file browser now includes global search and notifications, helping users find what they need faster and stay updated on project changes. The new interface focuses on components, making it easier to access and manage design elements.

Figma Slides: Build, Collaborate, and Present

Figma Slides is a new tool designed to change how we create presentations. It combines Figma’s collaborative features with the functionality needed to build compelling slide decks. With Figma Slides, teams can collaborate in real-time, incorporate live designs, and use a zoomed-out grid view to manage slide layouts.

Updates to Dev Mode: From Design Ready to Dev Complete

Dev Mode was a major focus at the conference, with updates designed to bridge the gap between designers and developers. New features include the Ready for Dev View, which helps developers find what they need among multiple design explorations, and Focus View, which allows developers to see only what is ready to build. Additionally, Code Connect surfaces design system code and makes it more useful across various frameworks and programming languages. These updates ensure that design and code are more closely aligned, making the handoff process smoother and more efficient.

Enhanced Prototyping Capabilities

Prototyping in Figma has reached new heights with the introduction of micro-interactions and advanced animation effects. These features allow for the creation of more interactive and realistic prototypes. The improved device preview options let designers test their prototypes on various devices and screen sizes directly within Figma, ensuring a seamless user experience. Conditional logic support enables the creation of sophisticated user flows that accurately simulate real-world interactions.

What do we at Muzli think about the new updates?

Without a doubt, Figma Config 2024 was a landmark event, showcasing innovations that could fundamentally change the design process. We at Muzli were happy to see the advanced collaboration tools, the cool AI features, and the improvements in prototyping and accessibility. Even Figma Slides sounds like a fun and long-overdue replacement for Powerpoint or Canva.

This event establishes Figma as an even stronger player that will be really hard for competitors to catch.
BUT we have to pause and ask ourselves — is all this too good to be true? Will they be able to deliver on these promises? And on a more philosophical note — is this AI going to make us more efficient design machines and take away all the fun and creativity? What new challenges will we need to tackle?

All this and more, in the next episode 😄
Special reporter Eyal, out.

You can watch all the announcements here:

Config 2024: Figma product launch keynote

Want even more inspiration?
Follow Muzli on social media for your daily dose of design, innovation, and creativity right in your feed!
Linkedin | Instagram | Twitter

Advanced Figma tips and tricks to save designers time

Article by Spaceberry – UI/UX Design Studio

Advanced Figma features can save designers hours of work. If you’re still dragging your cursor to the top corner of the screen to create sections or manually locking layers one by one, this article is definitely for you. We’ve compiled new Figma functionalities and old methods — perhaps you’ve missed something?

Multi-edit variants

Figma has just launched a new multi-edit feature for variants, making component editing a breeze. Just pick a variant or a nested layer and use Multi-edit variants in the toolbar, or press Q on your keyboard (remember not to press cmd+Q on Mac!). In multi-edit mode, changes to one variant, like text, icons, or size adjustments, automatically update all variants in the component group.

Select matching objects

Editing matching objects in a section is now as easy as editing components! Just select an object within a frame or group at the top level of the canvas or inside a section. Then, click “Select matching layers” in the top toolbar or use the shortcut: ⌥ Option + ⌘ Cmd + A for Mac; Alt + Ctrl + A for Windows. All selected objects will be surrounded by a blue bounding box, allowing you to edit them collectively.

💡 Tip: You can preview matching objects before selecting them by pressing Shift while selecting one element. Additionally, you can manually select them while holding Shift, eliminating the need to double-click deeply nested objects within groups or frames.

Hold and slide to hide or lock layers

It turns out, that to lock/unlock multiple layers, you don’t have to click on each one individually. We can lock one layer and then drag it with the mouse key held down across the layers list to apply this action to other layers. It’s also working for hiding layers.

Copy and paste properties between layers

You can easily copy fill, stroke, and text properties between layers using the right-click menu or keyboard shortcuts.

- On Mac: Copy properties — ⌥ Option + ⌘ Cmd + C; Paste properties — ⌥ Option + ⌘ Cmd + V.
- On Windows: Copy properties — Ctrl + Alt + C; Paste properties — Ctrl + Alt + V.

💡 Tip: You can copy only the fill property if it’s not a style or variable. Simply left-click on the fill property and then use cmd+c/cmd+v on Mac or ctrl+c/ctrl+v on Windows to paste it onto the selected layer.

Rename layers in bulk

Correctly naming layers is crucial for quickly identifying their purpose and locating specific objects or groups within a Figma file, especially when collaborating with other designers. Aligning layer names with actual code can enhance communication between designers and developers, catering to the team’s needs and ensuring smoother workflow integration. If you didn’t assign the correct names to layers when initially creating them, editing them later can become quite challenging. However, Figma’s tools significantly simplify this task.

To open the “Rename layers” modal, select the desired layers, then use the following keyboard shortcuts:

- On Mac: ⌘ Cmd + R
- On Windows: Ctrl + R

Alternatively, right-click on the layers in the panel and choose “Rename”.

From this window, you can rename all the selected layers at the same time.

If you already have a unique name for layers but want to include additional suffixes or prefixes in the layer names, you can simply attach them to the existing name, as shown below:

You can also delete or modify existing parts of the name. The “Match” field enables you to specify which portion of the layer’s name you wish to modify.

Leaving this field blank allows you to alter the entire name. However, you can also use it to delete or modify specific parts of the layer’s name.

To do this, enter the part of the name you want to replace in the “Match” field, and in the “Rename to” field, enter what you want to replace this part with or leave it blank to delete. The other part of the name not specified in the “Match” field will remain unchanged.

Use Tab to autocorrect typos

Spell check finds and corrects spelling mistakes. It displays red squiggly lines under errors while you’re editing text. If you spot a mistake, simply select the word and press Tab to fix it with the first suggestion from the spell checklist. Our designers think Figma’s spell check could be better, but we hope they improve it in future updates.

💡 Tip: if you often find yourself distracted by the error highlights, you can disable them in the Figma > Text > Spell Check menu.

Use math inside Figma fields

Mathematical expressions on Figma are the functions we can’t work without. It’s a feature that (almost) everyone knows about. But it’s worth reminding, especially for those still reaching for their phone calculator to figure out element widths. All numeric values in Figma’s sidebar can be calculated on the fly. You can apply addition, subtraction, division, and multiplication right in the input field. That’s how simple it is!

Align like a pro

We find it challenging to remember all the alignment shortcuts, especially now that auto-layouts have reduced their usage significantly. Nonetheless, try to rely heavily on shortcuts for distributing vertical and horizontal spacing.

💡 Tip: Figma’s tooltips show shortcuts when you hover over alignment settings in the sidebar, which is handy if you forget.

Variables bulk edit

Before discovering how to bulk edit variables, it was challenging. Attempting to select them using “Shift” only opened the menu for one variable when clicking “Edit,” which seemed like a mistake on Figma’s part. However, right-clicking on a variable revealed the option for bulk actions.

Collapse nested layers

When working with projects with lots of nesting, open layers can be frustrating. Fortunately, Figma has a solution. Just hold down the “Option” key while collapsing layers in the side menu to collapse all nested layers with one click. And for expanding, it’s the same trick — hold down “Option” to open all nested groups and frames.

Finale Note

These are just a few tips to get you started. Figma offers a wealth of features to streamline your design process. Keep exploring and experimenting to discover your own favorite time-saving tricks! For even more advanced techniques, consider exploring resources on Figma plugins and the Figma Community.

Sometimes, even the tiniest details can save hours in project development (not to mention a few nerve cells of a perfectionist, like when collapsing layers). So, be sure to try incorporating at least a few of these tips into your workflow and see how it enhances your experience. Share in the comments which tip you found most helpful or unexpected, and don’t hesitate to share your own Figma feature discoveries as well.

Want even more inspiration?
Follow Muzli on social media for your daily dose of design, innovation, and creativity right in your feed!
Linkedin | Instagram | Twitter

45 Game-Changing 2024 Figma Plugins You Can’t Miss!

In this post, you’ll find the ultimate collection of 45 popular and practical plugins for Figma in 2024. Carefully curated, these plugins are poised to enhance your workflow, amplify your creativity, and elevate your Figma experience. Dive into this meticulously crafted selection, designed to serve you best in your collaborative design journey with Figma

Figma to Wix Studio

Transform your Figma designs into advanced, high-converting websites with Wix Studio, the platform for agencies and enterprises.

Figma to Webflow (HTML, CSS and Website)

The Figma to Webflow plugin, built by Webflow Labs, lets you turn your static designs into clean, production-ready Webflow HTML and CSS. Add Webflow Interactions, wire up content using our powerful CMS, and one-click publish onto the fastest hosting infrastructure.

Figma to HTML with Framer

Export your Figma designs by simply copying what’s on the canvas and pasting it in Framer. The plugin takes care of adapting your design to Framer’s layout tools in real-time, so you can focus solely on making a great website.

Fast Isometric

Fast Isometric is a Figma plugin for quickly creating isometric designs with a variety of tools and templates, simplifying the process of crafting impressive three-dimensional graphics and interfaces.

Breakpoints

Preview responsive layout inside a Figma frame and share animated prototype.

Relume

Create websites using the Relume Site Builder and access them through the plugin to easily edit them in Figma.

Musho AI

Musho turns your prompts into nearly-complete, dev-ready websites with simple layouts, great copy, and gorgeous images.

ARC — Bend your type!

Curve your text upward, downward or into a circle

Unsplash

Insert beautiful images from Unsplash into your The Unsplash License allows images to be used freely for both commercial and personal projects.

Jitter · Animation for Figma

Create professional animated content with Jitter. Use it to design on-brand animated UIs, videos, social media posts, websites, apps, logos and more. Sign up for free.

Magician

Design with the power of AI to do everything from copywriting to generating unique icons from text.

Remove BG

Remove the background of images automatically with just a single click

Anima — Figma to Code: React, HTML, Vue, CSS, Tailwind

Let Anima code like YOU with AI Code Personalization
Get code, based on your design, and accelerate the design to development process.

Icons8 — icons, illustrations, photos

Keep your flow with the largest and most consistent collection of curated graphics. Get 1.5M+ icons, photos, and illustrations without ever needing to leave Figma!

Content Reel

Design layouts more efficiently by pulling text strings, images, and icons from one palette. Content Reel lets you create custom content and share it with other Figma users.

Vector to 3D

This plugin converts text and vector nodes into 3D models with just one click! The converted models will be automatically placed and rendered with GPU ray-tracing. You can use it to render a nice 3D icon, text, or any other 3D-style images without being a 3D specialist.

Mockup

Just select a device, choose a frame, and your design appear on the screen. Easiest mockup plugin

Autoflow

Automagically draw flow arrows in Figma! Illustrate user flows, diagrams, or graphics in a hand-drawn or minimalist style.

Blobs

Create organic blob shapes with the click of a button. Every shape that is generated is unique to the last. You can control how unique a shape is along with how many points it has.

Glow

Apply a smooth, beautiful glow to your elements.

LottieFiles — Create animations & export from Figma to Lottie

LottieFiles for Figma redefines animation creation, enabling designers to effortlessly convert their designs into Lottie animations. This powerful feature supports everything from basic animations to multi-frame and multi-variant component sequences.

To Path

put any objects or text on a path

Noise

The Noise plugin for Figma adds texture and depth to designs with customizable noise patterns. Generate Perlin, simplex, and cellular noise, adjust parameters like scale and opacity, and preview changes in real-time. Enhance your designs quickly and efficiently with this valuable tool.

Table Creator

Create custom-styled tables which can be easily resized, edited and automatically adjust to content. Control the design of your tables by modifying the components.

Chart

Chart is the most powerful plugin for Figma that uses real or random data to create 18 types of charts. Chart supports copy-paste from editors like Excel, Numbers, Google Sheets, live connection with Google Sheets and remote JSON (REST API), local CSV and JSON files.

Stark — Contrast & Accessibility Tools

Now, you can create and test accessible software in record time. Whether you’re building a website, online shop, mobile app, or SaaS product, Stark gives every designer, engineer, PM, and QA expert the manual and automated tools to make it accessible with ease.

3D Wave: Soften everything like fabric

Make Everything into 3D Wave!

Get Waves

Get Waves is a free SVG wave generator to make unique SVG waves for your next design. Choose a curve, adjust the complexity, randomize!

User Profile | Avatar

Enables designers to display beautiful generated avatars 📸 in your design prototype.

UI Faces — Free AI avatars

Free, AI-generated avatars for your creative projects.

Noise & Texture

A Figma plugin to dynamically generate seamless tiled noise, textures, patterns, gradients, and more. Select a layer and add your noise or texture. Change the settings and see your layers updated live.

Mesh Gradient

generates a gradient image with an underlying 2d mesh, and lets you edit the vertices & edges of the mesh to get the perfect gradient look.

Beautiful Shadows

The plugin allows you to create beautiful shadows by simply dragging a ‘light source’ which casts a shadow on selected elements.

Ruri Splines

Create high quality splines, shapes, spots by adding gradient along path effect to any curve. With collection of more than 250+ handcrafted and fully editable curves & colors you will have unlimited options to combine.

Pixels

Apply Pixelate / 8bit Effect Filter on images. Raster & Vector.

Drawkit 3D Builder

Build beautiful design with DrawKit 3D builder you can easily mix and match 3D illustrations and icons and drop them into your Figma file.

Sine wave

Generate sine waves easily within a few clicks

Fit Curve

The Fit Curve plugin helps to create curves with a smooth curvature in Figma. Featuring an intuitive interface with a series of circular buttons and slider, it allows for precise modification of handle lengths on Bezier curve segments.

Figma To Elementor

Figma plugin to easily convert Figma design into Elementor widgets. The json data generated from this plugin can be directly pasted into Elementor editor with right click on elementor editor > paste from other site > Ctrl +V. Working better for well grouped design.