Figma Design Plugin New Commer Weekly Ranking

— Create beautiful tiny graphs with a couple of clicks;— Paste your data from Excel, CSV, JSON, or type it;— Shuffle the data to explore more patterns.

Sure, the default font picker is ok... but have you dreamed about a faster, better way to preview, sort, choose, try out, compare, and bookmark fonts? I know I did... well, dream no further! Try the Picky Font plugin today and become a Picky Fonter!FeaturesUltra-fast dynamic text preview to preview all your fonts at a glanceSearch and bookmark filter for quick access and side-by-side comparisonsInstantly change any font with a single click in Picky FontPricingFree for 2 uses per document (No com...

Uniter Allows you to work inside Figma with mm, cm, inches and feet, Completely for Free!RESIZING:Simply select an object, type your measurements and press enter!MEASURING:You can also use Uniter to read the size of an object in your desired unit, simply select the unit then select an object!NOTE: Please keep in mind that this does not by any means make Figma ready to fulfill the role of a CAD software. There is an error of about 0.1 - 0.01~ decimal points to some conversions because of rounding...

This tool extracts colors from the huge library of high-quality photos made possible by Unsplash. When enough palettes have been extracted from photos for a keyword, the AI will learn those palettes to generate even more similar palettes. You can even specify a color constraint for the AI. The possibilities are endless.

Quickly generate components, currently only supports generate buttons.快速生成组件，目前仅支持生成按钮。After selecting Frame, click the button to generate it.选择 Frame 后点击按钮即可生成。## Commands* `Auto Layout Fixed Size`: Set auto layout to fixed width and height.* `1/2 width of parent`: Set the layer width to 1/2 of the parent layer.* `1/3 width of parent`: Set the layer width to 1/3 of the parent layer.* `1/4 width of parent`: Set the layer width to 1/4 of t...

Sync text from Notion database to Figma document.Useful when managing app text in Notion or for multilingual support.🔥 How to useCreate a reverse proxy to avoid CORS errors (More information).Create a Notion integration.Create a database in Notion.Share the database with your integration.Add pages with unique key (e.g., page title) and values to the database.Currently, title, formula, and text properties are supported.In Figma, rename text layers you want to sync to #<Key Property Name of ...

✨ The easiest way to make design tokens in Figma. ✨Once created, you can apply the token without opening the plugin.Check out these purple styles in the style list! Create, edit, manage in one place.Supported Tokens: All Figma StylesText StylePaint StyleEffect StyleGrid StyleAny questions or suggestions, contact me: nowork.app@gmail.com

Using ColorBlind Plugin get accurate and realtime simulation of your designs based on the type of disorder you have selected.Steps to use:Select any single frame/group/element.Open Color Blind Plugin.Select the type of disorder from the dropdown.Preview your designs.Algorithm Credits:https://github.com/MaPePeR/jsColorblindSimulator developed by MaPePeRCoblis

No more abstract designs with WordtractGo from lorem ipsum to context in one click! use Wortract to find the perfect words for your designs. With over 200+ microcopies handcrafted by real humans and organised in 10 main categories, you’re bound to find one that suits your needs.Be part of our journey. Upgrade to Pro!Support our product development process, and see exactly how the plugin works step by step, in the roadmap right hereSign up for Pro now, and you will unlock these benefits:🛠️...

ui to code

Annotate variant properties for multiple components. Just select component instances and run the plugin. A text box is generated with variant properties for every selection. This makes annotating components a breeze, especially while creating component specifications.

Translate to Arabic, and reverse the layout of the user interface from LTR to RTL.Components and layers rotated are not supported yet. Please review the result before handing off.Feel free to report bugs to zhilinzhang@bytedance.com

Run your team's design process on designOSShare work and capture feedback with your design team.Stay in sync with your design teamOne place to share what you're working on and see what your design team is up to.SecuritydesignOS uses industry standards for data privacy and security including SOC 2 compliant services.designos.com

Supercharge your frontend development by creating React components from your design.What is uipkg?uipkg helps reduce friction between designers and devs while delivering top-notch user experiences to your end-users. With uipkg, you can export your Figma design to React components and use them in your project in seconds.✨ Pixel perfect componentsYour components will look and feel exactly like they do in Figma👌 Dynamic content and interactionsAdd content variables and event handlers to your c...

Adjust H,S, and L color values across selected elements with different colors.Here are some things you could do:Select elements with all different colors and set the Saturation value to 50Increment the Hue on selected elements (with different colors) by 10Set the Lightness value on selected elements to 42Note: This is a WIP plugin and only works for elements with fills (like text and shapes). Groups, gradients and other selections won't work.

Fill text content quickly.快速填充自定义文本。

Allows generating gradients for one color, two colors and several colors palettes. On start extracts background colors from selection

Never have a messy design file again 🗃️Organize pages with groups and emoji in your design file, make the document neat and tidy as it should! 🎉⛳ FeaturesGroup pagesAdd divider for groupReorder, rename, delete page/groupAdd emoji for page/group🎁 Add-onDark modeNavigate to page in Quick ActionsCustomize dividerSpread group into pages/Turn page into groupSearch emoji, skin tone support🚨 LimitationCurrently, reordering pages without opening plugin works only when the the group (divi...

Generate property tables for all variants in your component sets by simply running Propstar, no configuration needed.Creating tablesGo to a page that has one or multiple component sets.Run Propstar.That's it! A table of instances will be generated to the right of the component set.ReorderingTo change the order of instances on the table, reorder the properties and values directly on the component set on Figma, using the controls on the right sidebar. Propstar will follow the same orders used on t...

1.自动识别演示文稿2.自动生成目录3.自动缩放4.左上到右下顺序排列5.支持暗模式切换

1.选中要成组的内容2.运行插件3.未选择会在视图中心产生一个空的Section4.暂时没有加父级嵌套5.可能存在很多BUG 0.0

This plugin helps you to do hands-on UI practices in Figma without distraction of any other video or application.

Convert designs into React components.

SVG to JSX with MUIThis plugin converts selected SVGs to JSX for MUI. And you can download it as zip file.HOW TO USEClick the icons you want to convert.Open plugin and check preview.Click exportAdditional functions will be added. (e.g. disable optimization, without MUI, preview)if you facing any issue, plz let me know!https://github.com/alpacadevv/figma-svg-to-jsx-with-mui/issues

A simple little plugin to jump to the top of an artboard you're working in.To use: Have any layer selected within the artboard, and run the plugin. It'll jump you to the top. Recommend adding a keyboard shortcut

将figma规范中的样式导出为tailwindcss、windicss配置