Text Resizer helps you update your designs quickly and flexibly with respect to the base font size defined for 1rem. This plugin also comes handy when you design apps for iOS as this will help your designs adapt to the systems ability of increasing or decreasing font sizes (Users on iOS have the capability to do this via settings on their phone Settings -> Accessibility -> Display & Text Size) Text Resizer is a must have plugin for every designer who cares about readability. Use this plugin to ensure that your layout is flexible and texts are legible for your users.
This plugin checks the color contrast ratio of all visible text in a frame, and it provides feedback on whether it meets WCAG’s AA and/or AAA level compliance. It also provides color sliders that allow users to adjust the colors and understand how the corresponding contrast ratio changes in real-time.
Able makes accessibility easy, while looking and feeling like Figma! Add color contrast and color blindness to your workflow with as little effort as possible. Open Able and we will automatically compare the contrast between two layers you select. This way, you can keep Able open, and casually select layers to compare without re-running or updating the plugin.
Visual cues are a type of sensory cue that is processed by the eye. 👁They provide information and insight into how the world or a specific experience is perceived.
This plugin gives Figma & FigJam a spell-checking super power similar to that of Google Docs.It constantly checks your Figma or FigJam document for any spelling errors and lets you fix them with a single click.You have worked really hard to create that perfect UI. Don’t let a silly typo ruin it.
This plugin generates live previews for anything you type, right in the plugin window.
6 tips to keep in mind when designing a responsive website.
color library for your design projects
Fully customisable styled maps and makers
Colormate is an AI powered color assistant that works in both your Figma and FigJam documents. Turn your ideas into colors, gradients, tones, shades, and more simply by asking.
A growing library of free, AI-generated, high-resolution avatars for design mockups, thoughtfully curated to suit all your creative needs.
It's a tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
Fonts library.
Generate multiple shades from the same base color, You can use it to create color scales.
If your canvas has many frames with high-definition images, Figma can lag or run out of memory. By compressing your images, you can save on memory and make your files run more smoothly.This plugin will compress and replace your image fills automatically.
AI Content Filler is a content generation plugin based on GPT and DALL·E. It uses layer names as prompts to generate text or images. Simply name the layers appropriately, then select multiple layers to generate content with a single click. You can also use grouping to ensure consistency of the generated content.
This plugin will allow you to prepare your design in tablet and mobile view in a very simple way.When you design is set up in Auto Layouts you can set specific properties for tablet and mobile to get a representation of your design on those views.
Learn how to Create a high converting landing page design guide from start to end
Never waste hours on finding the perfect color palette again.
Color inspiration for designers.
Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.
Auto-layout is must known Figma/Sketch/XD feature for creating responsive, scalable, and clean designs. You are gonna use it almost everywhereSo go ahead and practice it!
A quick and detailed tutorial on how to create animations for beginners.
A simple and effective registration or login process will make more users complete it.
This Figma tutorial helps you design an image carousel that can be used by both beginners and expert Figma users.
Learn how to create and prototype an isometric card prototype in Figma
