A list of recommended Figma plugins for improving workflow and automating tedious tasks.
Plugins extend Figma's functionality, allowing you to work faster and more accurately. They can automate repetitive tasks, check for accessibility issues, and populate your designs with realistic data.
The ultimate accessibility suite. Check contrast, simulate color blindness, and more.
Quickly check contrast ratios of your selection against WCAG guidelines.
Insert beautiful, high-quality images into your designs with a single click.
Access thousands of icons from popular sets like Material Design, FontAwesome, and Phosphor.
Populate your designs with realistic text, images, and icons to test layouts with real data.
Generate placeholder text for your designs. Customize length and format easily.
Create and customize illustrations in your designs. Mix and match components.
Select layers based on specific properties like fill, stroke, size, or name.
Batch rename layers and frames to keep your file organized and clean.
Automatically draw flow arrows between frames to create user flows and diagrams.
Create advanced animations directly in Figma without switching to After Effects.
Check color contrast compliance with WCAG standards for your entire frame.
Create customized maps quickly. Supports Google Maps and Mapbox styles.
Generate charts with random or real data. Supports line, area, pie, and bar charts.
Remove the background of images automatically with a single click.
Preview fonts as you browse them, instead of just seeing the font names.
Search for text across your file and replace it, just like in a text editor.
Access thousands of free Lottie animations and preview them in your designs.
Simple, beautiful open source icons. Fully customizable stroke width and color.
Automate redlines for design handoff. Add measurements for size and spacing.
Instant device mockups generator. Place your frames into realistic scenes.
Quickly generate a modular scale for your typography system.
Instant access to the entire Material Design icon library.
Extracts a color palette of 5 colors from selected images.
Create smooth, layered shadows for a more natural look.
Generate unique organic blob shapes for backgrounds and illustrations.
Create curved text in various shapes.
Integrate photorealistic 3D objects into designs.
Access millions of icons, illustrations, and animations.
Access a massive library of high-quality icons, vectors, and photos.
AI-powered wireframing tool.
Make textured gradient backgrounds.
Convert images to editable designs and generate code.
Create customizable gradients easily.
Library of icons, illustrations, and emojis.
Convert PNGs into scalable SVGs.
Bend and distort shapes and text with a mesh-based warp tool.
A flexible icon family for interfaces, diagrams, and presentations.
Pull in brand assets like logos and colors.
Aggregate avatars from various sources for your mockups.
Generate unique SVG wave patterns for backgrounds and sections.
Convert layouts to responsive HTML, Tailwind, Flutter, or SwiftUI code.
Don't install too many plugins. Only keep the ones you use regularly to avoid clutter.
Keep your plugins updated to ensure compatibility with the latest Figma features.
Be mindful of permissions. Only install plugins from trusted developers.