Community Corner

Codify is a Figma plugin that can convert design files into various code formats, such as React, Vue, HTML, and CSS. This is a Figma plugin that I put a lot of effort into developing. I created it because it was needed for my work. The team I’m on uses Vue components library to build the business system. I had tried using many excellent Figma to HTML plugins from the community before, but they all generated Vue or React component code, which was thoughtful but unfortunately our team doesn’t use that code. So I decided to develop my own Figma to Code plugin that can map component libraries. This process took nearly 200 days, and then it has been applied in the team’s production environment until now, and it has greatly improved our work efficiency. For this, I spent another 5 months rewriting the controllable API and code generation for various front-end frameworks. This way, it can meet the needs and development standards of every enterprise and team. Now I’m excited to publish it to t

Hey Figma community! 👋 Introducing Color Mapper, a new plugin that brings Illustrator-style color remapping to Figma while preserving library styles. https://www.figma.com/community/plugin/1440718215211274832/color-mapper What does it do? 🤔 Visually remap colors across your designs using drag and drop, while maintaining library style connections. Perfect for theme switching, brand updates, or quick color explorations! Key Features 🔥 Drag-and-drop interface (inspired by Illustrator’s color tool) Preserves Figma library styles Works with solids and gradients Batch updates Smart style detection Usage 💡 Select elements Drag colors to remap Apply changes Color Mapper Happy to hear your thoughts and feedback! Would love to know what features you’d like to see next. 🙌 #plugin #color #design-systems styles

Looking for the best AI for Android? I’m interested in top recommendations for AI-powered apps for Android smartphones and tablets. Key factors include integration, user reviews, and unique features. If you have personal insights on the best AI tools to enhance productivity, I’d appreciate your suggestions!

Good day everyone. Slot components are the thing and I want to share my little plugin that makes working with them easier. The main use case is when you want to create a local component and swap it right away. As an example I will use a modal dialog component, I got a setup like this There is a dialog with three instance swap properties. There is a header, a content and a footer, all of them I can replace with other components. Usually to embed custom content I’d need to do the following Create a local component that represents new content inside that dialogue I have to use the instance swap dropdown to locate that local component. This is the most tedious part and the number of steps depends on your style of work. To speed up the process I made a simple automation that simplifies the process. Here is how it works. Firstly, you add an instance to the canvas, like this Now I run Source DS Utils > Slot to local component command The automation detects instance swap properties on

Hello! We released unique plugin for auto-adjust typography in text layers. It’s TypeBalance Plugin. Please check: https://www.figma.com/community/plugin/1343994326021053695/typebalance

Hi everyone, As designers, we constantly juggle keeping up with the latest insights, tools, and trends from platforms like Medium, LinkedIn, newsletters (ADPList, UXTools, etc.), and more. While these resources are valuable, they’re spread across multiple platforms, making it harder to consolidate the knowledge we need. I’m exploring the idea of building a dedicated app just for UX/UI designers to: Streamline insights from your favourite creators in one place. Cover categories like Research, UI Design, Process, Hiring Tips, and more. Notify you about new content based on your preferences. But first, I want to understand how you currently stay updated and whether such an app would add value. Here’s a short survey (2-3 minutes): https://lnkd.in/ebGdqQEr Your feedback will shape the vision of this tool! Also, if we get strong interest, I’d love to share follow-ups with you. If you’re open to providing further insights, you can optionally leave your email at the end of the survey. Looking

Imported Components Finder scans your design file for all imported components, making it easier to locate and jump to any specific element with just a click. Select layers or leave empty to search the whole page. Click [Search Imported Components] to begin the search. A list of imported components will appear with their names and positions. If no components are found, you’ll see a “No components found” message. Click the [Select] button next to a component to zoom and select it on the canvas.

Hi Figma community - I am looking to hire 8 Remote Figma API Developers for a long term contract for my telecommunications client. If you have the below experience & are interested in learning more, please email your resume to [redacted]. Thanks! This role requires deep technical expertise in: Advanced Figma plugin development (Figma Plugin API) JavaScript/TypeScript Design system architecture API development and integration Front-end technologies (HTML, CSS, JS) Key Responsibilities: Design custom Figma plugins Build scalable design system APIs Automate design workflow processes Enhance cross-team collaboration

Good day everyone. I would like to present my tool for multi-brand design systems. It is a plugin that creates and maintains design tokens for typography, radii and spacing. Plus there is a powerful colour system. Source Foundation Demo Get a plugin → https://www.figma.com/community/plugin/1297031341980383999/source-foundation My article about multi-brand design systems → Making of true multi-brand design system | by Pavel Kiselev | UX Collective Read more about colour system multi-brand design systems → Designing a colour system. Building multi-brand colour systems… | by Pavel Kiselev | UX Collective Happy designing!

MKitCreator – Create multiple variations of your Figma designs with real data. Link your templates to JSON data using a mapping and automatically generate a variety of design variations. Perfect for creating product catalogs, user profiles, and more. Plugin: MKitCreator

Hey Devs, We’re releasing a new open-source plugin for Figma Plugin Devs. Inspecting the properties of a node is super important when you’re developing any plugin. This has support for - Figma Async APIs Children are loaded on-demand, means no lag even on selecting huge nodes. Grouping properties based on their functions, like Positional, Fill, etc. Here’s the link: https://www.figma.com/community/plugin/1429514362463465316/better-node-inspector Here’s the Repo: GitHub - dualiteindia/better-node-inspector: View detailed properties of any selected node Happy to answer any questions! Thanks!

I got a bit bored and created a fun plugin called Phantom Cursor. It simulates a “fake collaborator” experience, with multiple cursors flying around your canvas, pretending to interact with your designs like real team members. I’m just curious if this is something anyone would be interested in?. 😂

Pierrick from the ‹div›RIOTS team here, we’re proud to release a fresh update for our html.to.design Chrome extension 😊 Improved UI Improved speed Improved import quality Multiple select for sections 👉 https://chromewebstore.google.com/detail/htmltodesign/ldnheaepmnmbjjjahokphckbpgciiaed?hl=en Still 10 free import per month, no subscriptoon or credit card needed ! let us know what you think!

Hi everyone, I’ve created a new Token Swapper plugin for Figma to address limitations I encountered while working on a multi-brand app UI. The Figma’s Pro plan’s 4 Modes (or even the Enterprise plan’s 40 Modes) weren’t sufficient for my needs. Token Swapper allows you to quickly switch between themes (variables and styles) without relying on Modes. The only requirement is that you organize your themes in top-level folders within both the variables and styles sections. I’d love for you to try it out and share your thoughts. Your feedback is appreciated! https://www.figma.com/community/plugin/1413574934305847457/token-swapper

Hi everyone! I am working on geometry nodes for my plugin, Generator, and early access to these nodes will soon be available to my subscribers. twitter.com It’s not exactly real time, more like eventual time, or asap time 😋, especially as graphs get more complex. I think there’s still some optimization possible, but ultimately it’s all limited by JSON and the lack of batch object updates in the API. Should be out in a few weeks.

FigDuo has gathered over 90,000 components from various UI kits, and the collection is growing daily. There’s no longer a need to publish your own UI kit or search the community for components. Simply search and insert directly from FigDuo. Currently, FigDuo is in version 1.0.0, and we are committed to continuous improvement in the near future. Hope you will like it. https://www.figma.com/community/plugin/1402193099262765707/figduo-figma-component-library

Hey folks, I’ve released a messaging library for Figma plugin developers called Figma Messaging. It’s s a two-way, await-able and type-safe replacement for Figma’s Messaging API which lets you do nice things like declare named handlers, call handlers by path, wait for a response, do something with that data, catch errors, etc: It has a simple but powerful API, and for TypeScript developers, additional opt-in auto-completion functionality for: handler ids: handler parameters: handler responses: Figma Messaging provides robust messaging capabilities for any Figma Plugin with a build step. You can take a look below, or install direct from NPM: https://github.com/davestewart/figma-messaging Happy to answer any questions!

Hi everyone 👋 I’m excited to introduce a new plugin I’ve been working on - Design system builder Plugin that helps create library components in one click with your own styles. ⚙️ How It Works: — Select your preferred colors (variables/styles), font styles, and sizes. — Generate, and get set of 15 components with variants for your entire design system — Variants based, Auto layout 💬 I would greatly appreciate your feedback as we work to enhance the plugin Design system builder - free plugin Best regards, Rymaszewski

Generate Design Systems quickly with Figr Identity Hi everyone, I’d love to introduce Figr Identity, which helps you generate design systems with variables, styles, Styles sheets and custom components in your design language. We built this plugin to take away the non-creative work from the design system setup process. Setup the design tokens: Colours, typography, corner radius, spacing system, grids and elevation. Setup the component Library: All the design tokens are automatically reflected in custom component library. Export to Figma: Get the style guideline, variables, and component library to your file in a single click. Would love to hear your feedback as we continue to improve the plugin 🙂 Generate Design Systems quickly with Figr Identity Built with ❤️ by Figr

Hey folkz! checkout Figblocks! A component library for building Figma plugins with Svelte. Currently it support the UI2, planning to support the new UI3 with subsequent versions.

Hey folkz, check out my Color Contrast plugin. It can report contrast using WCAG 2, BPCA and APCA algorithms. Unlike other contrast plugins, it takes foreground alpha channel into account for contrast calculation. Checkout this article, if you’re curious to learn more about the limitations of WCAG 2 simple contrast algorithm and why APCA is superior! Demo:

Check out this new video showing how Master plugin can help you iterate with Figma AI and make changes fast across multiple components. As a bonus, I have a little Figma AI prompt engineering tip for you. Tips for using Figma AI with Master plugin

This is my chart generator plugin . I set that ordinary user can use it 5 times and after that period of time he or she needs to pay for premium feature. Figma BTW : nobody did buy it .

Hi Figma Community! Handoff is a set of free and open-source, end-to-end workflow tools for design and development teams looking to streamline their use of Figma design systems. We’ve just released a Figma plugin that allows you to easily export your styles and components as tokens. Use it to annotate your design system, marking components that are ready for use. Choose which attributes should be extracted from each component layer. Preview foundational and component design tokens in CSS and configure their naming conventions. You can export all the tokens and generate a static design documentation site via CLI. We believe the Figma community will benefit from an open-source project like Handoff, and a collaborative approach to the challenges of design token usage. We’d really love to hear your feedback!

Macro Automate Now: Your Ultimate Figma Automation Tool With this plugin You can automate your work in Figma. I assume there are no such plugins on the market like this . You can push Record Macro and do whatever You want , creating eg. rectangles , changing colors , makit it bigger , duplicating it. After that just push Stop . You can choose the macro You created and play it … Imagine how it can increase the efficiency of Your work. Please , please share what You all guys think . Please rememebr this is just a Beta version of it. It can help You for example , create the website ui mockup … Figma