Figma

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. 🙏

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.

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...

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.

Automagically draw flow arrows in Figma! Illustrate user flows, diagrams, or graphics in a hand-drawn or minimalist style. Autoflow is free up to 50 flows per file. Features Intelligent obstacle detectionText annotations on pathCustom path routingAuto-update on movingOffset start/end terminal s...

Free AI image generator Generate your own unique AI images directly in Figma with this text to image plugin. Whether you use AI daily or are new to prompting, it doesn’t matter. This AI image generator plugin is fun and easy to use by anyone. All you need to do is pick a style and design it wit...

Turn any image into stunning line pattern supa fast. Give your designs a fresh new look by generating beautiful textures, icons or cover images. How to Use? This style is often used by: OpenAI, Sketch By ruri.design – your design superpower!

The definitive guide to design icons in Figma, with detailed step-by-step instructions and didactic in-app examples.

Bend your text into circle, square, or even arch shape ✨

Figma is betting big on generative AI and Dev Mode.

Preview responsive layout inside a Figma frame and share animated prototype. Works even without the opened plugin window and anyone in your team can resize frame without the installed plugin. For the rest, you can share an animation prototype. ► Create Responsive Layout ► Share Animated Prototy...

A history of Adobe's complicated relationship with the web.

Figma’s free color wheel makes it easy to create professional color palettes. Choose from a variety of color schemes and start designing right away.