Community Corner

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

Hello Figma Community! We’re excited to introduce TemplateR, a powerful Figma plugin designed to automate and generalize your marketing language with personalized graphics. This plugin will make your design process faster and more efficient, and help maintain a consistent visual style across all your marketing materials. What can TemplateR do? With TemplateR, you can: Create your own templates with multiple pre-designed graphic variations. Generate countless personalized graphics using dynamic input fields. Share templates with colleagues for seamless collaboration and content creation. Ensure visual consistency in your social media presence, emails, and advertisements. Why TemplateR? TemplateR simplifies the design process and empowers everyone in your organization to create professional-looking images with ease. No more waiting for designers or struggling with complex design tools. With TemplateR, you’ll save time, maintain a consistent brand image, and improve your marketing effor

Introducing the Chart Rectangle Generate Figma Plugin – now available for FREE! Simplify your design process with our new Figma plugin that allows you to quickly turn data into stunning charts. Perfect for enhancing presentations and improving data visualization at no cost! Watch our quick tutorial to see it in action . Why Choose Chart Rectangle Generate? Efficiency: Generate charts without leaving Figma. Customization: Tailor charts to fit your style. Cost-Effective: Completely free to use. You can create chart from Json or CSV . ! Get it now on the Figma Plugin Store! Let’s make design easier and more accessible together. Your feedback is invaluable! Figma Check the tutorial here : https://youtu.be/1RIOtA97DQw

Variables is a great new feature in Figma, that helps to make design & development workflow much more flexible and optimized! But currently there is no chance for developers to see all variables in dev-mode without editor rights, and even though - it is impossible to export them to CSS or SCSS. Natively Figma allows only to get CSS variables as a part of component code. In case, to solve this difficults and make variables usage and handling perfect for both designers and developers, our team made a light & elegant solution - AVE-plugin or Advanced Variable Export. You can check out plugin for free right now in Figma Community. Plugin will help you to export variables to CSS or SCSS code, and even more - it can fragmentate variables to different folders depending on variables structure in Figma! We will appreciate any feedback, functionality requests, bug reports, etc. Push it to your favourites so we’ll keep motivation for the further plugin improvements!

Instantly convert Figma designs to production-ready code with CopyCat. Our Figma to code plugin will help you build faster than anyone else. Click on a Figma design, open the plugin, and CopyCat will generate React code instantly. Check it out here: CopyCat Setup Instructions: Step 1: Download CopyCat plugin on Figma Step 2: Open CopyCat on the figma file you want to run the plugin on. You can find the plugins by clicking the Figma logo in the top left corner and clicking on the plugins option. Step 3: Generate React code! Select the parent frame of the design you want to convert and CopyCat generates code from Figma instantly.

Good day, fellow designers I would like to share my latest creation with you. It’s my own brew of a multi-brand design system. It’s less about the system itself, but more about tools and workflows to make it work. Medium – 23 Feb 24 In the article, you will find links to the system, plug-in, design samples and a story about how I made it work. Have a nice read 😉