Figma Design Plugin New Commer Weekly Ranking

Export settings inheritance and more: an easy-to-use plugin that makes setting up export options for nodes super easy.Commands@1x, @2x, @3x, SVG, PDF -> Applies all the standard export settings for the selected nodes.@1x, @2x, @3x -> Applies pixel (PNG) export settings for the selected nodes.SVG, PDF -> Applies vector export settings for the selected nodes.Remove -> Removes export settings for the selected nodes.Infer all -> Copies export settings to instances based on their main ...

Perfecter is a plugin that allows you to use popular math constants to create harmonic ratios in your design.You can resize:Font size of a text layer relative to its line height and vice versa. Width of a shape layer/component/group/frame relative to its height and vice versa.

CodeFun 是一款优秀的 UI 设计稿智能生成源代码工具，通过 AI 算法，可以一键将 Figma 的设计稿转换成如工程师手写一般的源代码。与以往传统的从设计软件中导出 HTML 不同，它不仅可以智能分析页面布局，生成非绝对高宽的 Flexbox 代码，而且还可以识别循环列表、九宫格、等比例分配等多种业务场景。生成的代码简短可读，语义化程度高，基本上可以达到中级工程师的水准，实...

Trim the whitespace in the selected edge(s) of frames, or main components; or adjust the padding of Auto Layout frames, or main components.How to use Trim Frame❓Select one or more frames;Run plugin;The plugin will automatically filter the selection for Frames and Main Components;If the Frame, or Main Component, has Auto Layout the plugin will update the padding value for the selected edge(s).If not, the plugin will trim the whitespace in the selected edge(s)Use Cases 🔨Adjusting one or more ...

Automatically mark width and height in Figma.Function demonstration video.Using this plug-in, you can do interactive measurement effects in your Figma documents, directly label the width and height, you only need to follow the steps below:1. Create a new text node with any content text.2. Input the text node in a frame.3. Select the text node in the frame and turn on the [Node under control] switch in the plugin panel. At this time, the content of the text node will be replaced with the width nu...

Assign color value (Hex and HSL are supported) to text nodeReplace your text named $hex or $hsl with the corresponding frame color value (Hex or HSL)=== Usage ===Make a frame or groupFill them with a single colorPut a text node with name "$hex" or "$hsl" inside (nested are allowed) the frame or groupSelect the frame or group, and then run this pluginFind out the text node's text is replaced with the selected frame or group's color code (hex is like #ffffff, and hsl is like hsl(0, 0, 100%).

Light DSM plugin is an engineering design system application, it works simple: “Treat the design as a code engineering to build”We use scientific way to abstract design specifications, provide efficient design resource management capabilities, and finally output design deliverables to developers. There will be many innovative ideas about design engineering, please look forward to it :)We provide the ability to import icon library resources into the plugin and apply to the figma canvas in the...

Create "Which UI is better" picture for LinkedIn without a hassle.Select 2 layers and run the plugin. Yes, it's that simpleContact support (me): telegram@kopyl

O DAI é um plugin para o Figma projetado para documentar os requisitos de acessibilidade de interface para a WEB dentro do protótipo.O DAI é um produto de um Trabalho de Conclusão de Curso (TCC) do curso de Design Digital na Universidade Federal do Ceará Campus em Quixadá. O trabalho foi construído pelo aluno George Moreno de Oliveira orientado pela professora doutora Ingrid Teixeira Monteiro, professora da UFC e pesquisadora na área da Interação Humano-computador.O trabalho intitulado...

A plugin that can run the Figma Plugin API. You can manipulate Figma with code without having to look for a new plugin.🔥 What you can:EVERYTHING you can do with the FIgma plugin (API documentation)IntelliSense for programming (code completion, parameter info, quick info, and member lists)Customize editor settingsChange theme of editorUse keyboard shortcuts (Cmd + Enter to run code, Cmd + S to apply settings, and Esc to close plugin)📮 Support:If you have any plobrem or feedback, please use...

Simplified Semantic Versioning for your Figma Nodes without external dependencies and consumable via API.IntroductionUsually the design work is embedded in a wholesome work process where any design is part of a more complex product. This plugin intents to help you keeping track of changes to your design by simply attaching a version number to your nodes.The version number might be used to indicate the expected backend work triggered by the current design changes.And it also allows you to referen...

Add controls (interactive, of course) to the frames so you can use them as slides.

Generate mock public keys quickly

This plugin makes it easier to build storyboards and format them for export within Figma.INSTRUCTIONS:
Create a new Filmstrip from the plugin menu.Build your sequence in the Filmstrip. Compose your image within the Image object of each Frame. Frames can be rearranged, added, and deleted as you’d like.When you’re done composing, select your Filmstrip and use the “Create Storyboard from Filmstrip” menu item to generate a formatted Storyboard.Iterate on the Filmstrip and regenerate Story...

Quickly add a scrim over a selected layer with Scrim That.Want to create a scrim over your design to overlay a dialog box? But hate having to resize the scrim to match the width, height and correct layer position?Scrim That has you covered with one-click magic scrimming.UsageSelect a frame, group or shape layer and run the plugin to create the scrim over it. Tweak the opacity of the layer to your desired value.Open SourceScrim That is open source, and contributions are most welcome.