Figma Design Plugin New Commer Weekly Ranking

Rasterize me! - the plugin will be useful for each designer who is afraid to give Figma link for his work to an unverified customer! In just 2 clicks, you can rasterize all the elements that are inside the Figma file.How it works?1. Install Rasterize Me!2. Make a duplicate of the file you want to show to the customer3. Open duplicated file4. Open plugin settings and select image quality (x1, x2, x3, x4)5. Apply the plugin to a current page or to the all Figma file6. Wait from 10sec to 10min, the...

Creates a calendar grid of 12/24/36 months depending on the selected years.Example of working with a plugin: https://youtu.be/RUobJQn89wM

现在你可以在 Figma 里使用字体选择器（Easy Font Picker）选择和预览系统中已安装的字体。提示：使用前提是确认已安装 Figma Font Installer特别感谢：Better Font Picker，Easy Font Picker 基于 Better Font Picker 的开源。

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, along with the font size, outline radius, and dash spacing. You can adjust this per run. Outline will remember your settings next time you use the plugin!

Quick cut 可以让你在 figma 中直接把切图或素材上传到您的图床，支持高性能的压缩。并且会自动将切图地址标注到你的设计稿旁。开发人员只需要点击复制链接即可快速使用切图。这将节省你们80%以上的时间。使用前：如果你是设计师，那么请让你的开发人员抽出 10 分钟协助你完成以下部署配置操作，图床接口需要由开发人员提供，配置后你可以在 Quick cut 中直接上传到你们自...

Import Miro boards into FigJam.This plugin allows you to connect your Miro account in order to import boards from Miro into FigJam. There is coverage of the most commonly used elements in Miro - text, notes, shapes, frames - but not all cases are covered.If you have any issues with the conversion (elements not appearing or significantly different from how they appear in Miro, please leave a comment below or reach out on emile@pygma.app and I will try to fix it ASAP).This is a paid plugin - the f...

Loom is the video communication tool for async work. You can express your thoughts in less time, sharing quick feedback, or deep communication with just a click. The Loom Embed plugin allows you to embed public Loom videos in your Figma designs, adding rich video context.Use embedded Looms in Figma to walk through and explain your designs, drop in additional historical context, and add personality to asynchronous collaboration.You can add Loom videos to your canvas in seconds. Launch the plugin ...

Generate shades and tints of any color using an intuitive UI.Gone are the days for guessing what shades of your base color might look like. Preview all generated shades in real-time.Create up to 255 shades of your selected base color.How to Use:Go to Plugins > Shader (UI) OR Click Ctrl + / (For Windows) or ⌃ + / (For Mac)Select the color you want as your base color.Select 'Lighten' or 'Darken' from the dropdown.Enter the number of shades you want to generate and click 'Create'.Suggestions t...

Translate from English to Chinese.

The Color Design System helps you to transfer all of your color styles from one file to another. This is a MVP for a complete color system that lets you create semantic colors and makes it easy to swap between dark and light mode.

Axe for Designers, A Shift Left ExperimentThis is a FREE plugin.We are trying to build an automation tool that helps designers to craft accessible designs and thus accessible products reducing the cost of accessibility implementations by moving our shift left approach to the design phase. This is an in-progress experiment but we welcome you to join us to explore and contribute to this success. Let us together make the world more accessible.Plugin featuresAuto Scan: Scan components and/or web pag...

Auto Layout Presets:HorizontalVerticalStretch HorizontalStretch VerticalSpace Between HorizontalSpace Between VerticalToggle DirectionAll presets are available as plugin parameters and individual menu items so you can create shortcuts that suit you.Padding and Spacing PanelAssign a shortcut like `Ctrl + Shift + A` to quickly access frame padding and spacing options.How To UseSelect the items you want to apply a preset to. If the items are not already in a frame, XAuto will create a parent frame ...

ℹ To access the closed beta, please join our Discord server and head to the channel #get-early-access.You are using Storybook and would like to share your components between Figma and Storybook? Create and maintain a unified Design System without the hassle by syncing Figma with your code:Import Storybook components into Figma from a Storybook URL, so you can use the latest production-ready elements in your mockups.Generate all variants from code in seconds, with the props you need.Auto-layout...

Apply status indicators to your layers in a flash:Work In ProgressReady For ReviewRequires ChangesApprovedAll statuses can be set using plugin parameters or the handy Status Panel.Assign a shortcut like `Ctrl + Option + S` to quickly access the status panel.How To UseSelect the items you want to apply a status to.Apply a status via the status panel or via plugin parametersProfit

Automate your tasks with the Figma JavaScript library.How to use it?Just write your code as if you were coding a plugin, and click on "Run code".You can find the documentation here: https://www.figma.com/plugin-docs/api/figma/.Why?Instead of creating a plugin for each small automation, you can now write it directly in Figma. This means that you no longer have to:create a plugin from scratch, which can be redundantdownload the Figma Desktop app (because to use the plugin online, the moderators ha...

Status Changer allows you to easily change the name of the person in charge and the modified date on your own Component set.HOW TO USEInstall `Status Changer` and run it inside of a project.Edit the Component Set created for the Status bar.(Note whether the item has been added to Variants.)Select the Frames, etc. to which you want to add a status bar and run Status Changer.You can select your own customized component set values, and the status bar(s) will be added when you select and press the S...

Measure readability of your copy with this Flesch-Kincaid grade level calculator. Select a text layer, and then open the plug-in.The Flesch Reading Ease Readability Formula is a general formula suitable for all kind of texts. It's especially great for:Writing copy for your websiteWriting copy for user interfacesAdvertising your productWriting headlines and taglinesProducing terms and conditions that don’t confuseBoosting your SEO performanceCommunicating your research to a non-specialist audie...

Deco 智能代码项目是京东凹凸实验室在「前端智能化」方向上的探索，其聚焦设计稿一键生成多端代码这一切入点，实现将 Sketch / Photoshop / Figma 等设计稿进行解析并直接生成多端代码（Taro / React / Vue）的能力。更多信息，欢迎大家访问下面的链接进行了解： https://deco-preview.jd.com

Set position and constraints with margin to center or corners.