Skip to main content

Showcase Your Work

Show off your Figma projects and get feedback from the community.

  • 109 Topics
  • 118 Replies
109 Topics
Sabit
SabitNew Participant
posted in Showcase Your Work
We released unique plugin for auto-adjust typography in text layers

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

130
Sabit
Weirdo
WeirdoActive Member
posted in Showcase Your Work
Imported Components Finder

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.

360
Weirdo
Pavel_Kiselev
Pavel_KiselevPower Member
posted in Showcase Your Work
Source Foundation: Multi-Brand Design Systems Plugin

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!

2606
matteogonzalez
MKitPlug
MKitPlug
posted in Showcase Your Work
Bring your Figma designs to life with real data

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

650
MKitPlug
mohan_vadivel
mohan_vadivel
posted in Showcase Your Work
Effortless Color Contrast Check & Accessibility Compliance

Hey folks! Check out my Color Contrast plugin! It reports contrast using WCAG 2, BPCA, and APCA algorithms, and now includes a new Audit Mode to analyze entire frames at once. Unlike other contrast plugins, it considers the foreground alpha channel for accurate contrast calculations. Demo:

780
mohan_vadivel
Dualite
Dualite
posted in Showcase Your Work
New Inspector Plugin for Plugin Devs

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!

200
Dualite
Joe.C
Joe.C
posted in Showcase Your Work
Phantom Cursor/Fake Collaborator Plugin

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?. 😂

310
Joe.C
Martin32
Martin32
posted in Showcase Your Work
Plugin + API to generate dynamic images

Hey all, Just wanted to share my plugin + API “Dynogee” which allows you to create images with dynamic content based on template designs created in Figma. After creating a template using the plugin you can access new images with simple HTTP GET requests: https://dynogee.com/gen?id=zizkjxv682b0c71&title=Some+text+goes+here ^ template id ^ parameter What parameters you need can also be set using the plugin and there’s support for text, images & more. Link to plugin: https://go.dynogee.com/plugin Demo Template: https://go.dynogee.com/gatheround-demo Website: https://dynogee.com While this is intended as a commercial software product I’m happy to provide a perpetual free usage for anyone who’d like to use this for personal, low volume projects! Would love your thoughts & feedback 🤗 Best, Martin

2582
Martin32
Pierrick
Pierrick
posted in Showcase Your Work
Chrome extension to import any websites or sections into Figma

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!

560
Pierrick
Edgaras_Benediktavicius
Edgaras_Benediktavicius
posted in Showcase Your Work
NEW: Token Swapper

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

1132
Edgaras_Benediktavicius
Alex_FG
Alex_FGNew Participant
posted in Showcase Your Work
Node-based procedural design

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.

7983
Frank_Chen_TEAMS
F
FigDuo
posted in Showcase Your Work
Breaking Figma Component Library Plugin Released

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

340
F
davestewart
davestewart
posted in Showcase Your Work
New TS lib: Figma Messaging (postMessage() replacement)

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!

480
davestewart
Rymaszewski
Rymaszewski
posted in Showcase Your Work
Design system builder [free plugin]

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

450
Rymaszewski
M
Moksh
posted in Showcase Your Work
Generate Design Systems - Plugin by Figr

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

7532
Rymaszewski
mohan_vadivel
mohan_vadivel
posted in Showcase Your Work
Introducing Figblocks: Build effortless Figma plugins with Svelte

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.

1231
Gleb
mohan_vadivel
mohan_vadivel
posted in Showcase Your Work
Enhance Your Accessibility: Color Contrast Plugin with support for APCA, BPCA

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:

1330
mohan_vadivel
Gleb
GlebPower Member
posted in Showcase Your Work
Tips for using Figma AI with Master plugin

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

60813
Gleb
Bartosz3
Bartosz3
posted in Showcase Your Work
Chart generator

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 .

1891
Bartosz3
BennoDev
BennoDev
posted in Showcase Your Work
Figma-connect - A Typesafe Wrapper around Plugin (sandbox) and UI (iframe) Communication

Hey everyone, I’m working on a Figma Plugin and found it challenging to communicate between the UI (iframe) and Plugin (sandbox) layer in a typesafe way. So, I created figma-connect, a lightweight wrapper to streamline this communication process. Would appreciate your thoughts! Thanks 🙂 Example Usage shared.ts import { type TFromPluginMessageEvent } from 'figma-connect/plugin'; import { type TFromAppMessageEvent } from 'figma-connect/app'; // Plugin Events (Plugin -> App) interface TOnSelectNodeEvent extends TFromPluginMessageEvent { key: 'on-select-node'; args: { selected: Pick<SceneNode, 'name' | 'id'>[] }; } interface TOnDeselectNodeEvent extends TFromPluginMessageEvent { key: 'on-deselect-node'; args: { deselected: Pick<SceneNode, 'name' | 'id'>[] }; } type TFromPluginMessageEvents = TOnSelectNodeEvent | TOnDeselectNodeEvent; // App Events (App -> Plugin) interface TOnUIRouteChangeEvent extends TFromAppMessageEvent { key: 'on-ui-ro

1080
BennoDev
Ivan_Blagdan
Ivan_Blagdan
posted in Showcase Your Work
Handoff - Easy way to export CSS tokens for components

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!

2500
Ivan_Blagdan
Bartosz3
Bartosz3
posted in Showcase Your Work
Automate all your tasks in Figma , play with one click - Macro Automate Now

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

5622
Bartosz3
Jeremias
Jeremias
posted in Showcase Your Work
Master Your Brand Design System with TemplateR: Streamline Personalized Graphics Creation in 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

5601
Michael33
Bartosz3
Bartosz3
posted in Showcase Your Work
Json and Csv Rectangle Chart Generate Plugin

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

3303
Bartosz3
kitponomarenko
kitponomarenko
posted in Showcase Your Work
Advanced Variable Export

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!

55326
greg69
Terms & ConditionsCookie settings