Figma

Hand-picked prompts to help you get started planning and jamming with FigJam AI, currently in beta.

Prep your designs for developer hand-off with Outline, a plugin that marks spacing specs in a variety of colors. Select a frame that has Auto Layout. Outline will determine the padding of the frame and any spacing between the frames immediate children. Choose what color to make your outline, al...

Please Note: Emailify does not support converting Figma email designs that were created manually outside of the plugin. If you already have a Figma email designed, you'll need to redesign it using Emailify before exporting it to HTML. Documentation & Video Tutorials For plugin documentation and...

Generate beautiful color palettes and apply instantly to illustrations, images, interfaces, literally anything on the canvas with one click! Working with colors has never been this easy Break out of the trial-error loop and instantly see how color palettes come alive on your design! Create and ...

Design forms in Figma - publish with Weavely. We turn your visual ideas into interactive, web-based forms.

App icon template for iOS 17. See your app icon in context. Editable app icons so you can borrow shapes and styles for your own creations. Made in P3 color space to assure accurate colors. Mockups comes in Light & Dark Mode.

Generate linear, radial, and conic gradients interpolated in a variety of color spaces, yielding richer, more brilliant gradients.
Live updating so you can easily view and tweak the results.

Figma Data Populator makes using real, meaningful data faster and easier than ever. Inspired by Sketch Data Populator, this plugin allows you to connect a JSON data source and quickly populate text and images. Try it out 1 - Click “Manage Data Source” and add the demo JSON file: https://api.m...

Published by Alex Dyulgerova and Robyn Layton

and all of the shortcuts available, too!

Follow a data-driven design approach for better results. Unterstand where users will look and how they will perceive your design. With the Clueify AI you can simulate user behaviour with just one click. This makes pinpointing potential usability problems easier than ever before. How does it wor...

These resources will help you level up your process, whether you’re new to prototyping or ready to dive deeper.

 See how your designs perform before you click "publish"   Artificial Intelligence instantly predicts where users will look after engaging with your design so you can save time and avoid fixes after the launch. Don’t doubt even for a moment & prove your design vision!   Learn if th...

Easily convert images into vector layers directly in Figma. 😎 Make infinitely scalable imagesConvert to coloured vector layersQuickly trace as a maskRestyle your imagesPlus more... Learn more at the website. Get a license from here. When you run Image tracer; it will take whatever layers you h...

Just some vectorized arrows! These arrows are great to use in wireframes, storyboards, mockups, websites...any asset where you want to add a hand drawn feel! Creative Commons license. Attribution appreciated but not necessary. 🙏

Figma Designer Advocate Lauren Andres shares her tips for streamlining handoff.

WireGen uses chat GPT AI to generate wireframe designs quickly and easily.  Just input the description of the design you want to create, and the plugin will generate wireframes for you in minutes. This plugin saves time and effort in the wireframing process and is perfect for designers who ...

A SAAS template for nextjs

These checklists are designed for designers seeking to level up their Figma components. Whether you're working solo or managing a Figma library within a team, these lists can serve as a means of self-assessment or checking the general quality of components in a shared library.

We all know Figma makes regular updates to their features that can be new and awesome, like previewing typography, or it can be a…

html.to.design converts any website into fully editable Figma designs. Leverage an existing website and import its html to Figma to start your own designs, without building each element from scratch. 📖 Documentation 💬 Chat with us 👉 Learn more How to import a website into Figma? In Figma, go to...

The plugin utilizes the Metavatar algorithm to create stunning gradient backgrounds in a variety of cool colors. It also has the added feature of adding noise to make the gradients even more visually striking. ✨ Tips: Duplicate the same image and change mode to overlay for more vibrant result F...

After its sale to Adobe fell through, Figma has doubled down on targeting developers. We spoke to Figma's CTO about its new Dev Mode.

Prototype in Figma as a game! Learn Figma keyboard shortcuts in an enjoyable way or test your current knowledge. Experience a unique proof of concept, blending learning with fun in the world of Figma gaming!

AIdentic is an AI design assistant that helps you improving the usability of your interfaces. AIdentic analyses your mockups, suggests improvements on different elements such as text, images, fonts, colour palettes and so on, finally applies the improvements you want , automatically, directly on...

One of the most desired text features has just come to Figma with our Arc plugin! Curve your text upward, downward or into a circle. Adjust the slider and preview the result. 1) Select a text layer 2) Run the Arc plugin 3) Adjust the slider & click apply Download to test up to 5 times for free!...

Jitter is a fast and simple animation tool on the web: ✨ Animate all your interfaces (mobile apps, websites, landing pages, micro-interactions…) and content (social media, videos, ads…)🎬 Export as a video, GIF, or Lottie📐 Create your motion design system🤖 Hand off the animation spe...

Say hello to Trace! Trace helps you convert your Figma designs to live SwiftUI prototypes within minutes. You can also preview, view code, edit, export, etc. on the fly. Trace uses AI to write SwiftUI code and compile the entire project within minutes. Trace dramatically reduces the time to sh...

Every little thing it does is magic A magical design tool for Figma powered by AI. Wave Your Magic Wand Design with the power of AI to do everything from copywriting to generating unique icons from text. Cast Magic Spells Each magic spell works alongside you to expand your creativity and imagin...

Every now and again, we ship a feature that makes us wonder how we ever got along without it. That’s the story with multi-edit, which simplifies how you edit multiple objects across Figma.