Skip to main content

Showcase Your Work

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

  • 72 Topics
  • 99 Replies
72 Topics
seni
Figmate
seniManager, Community Support
posted in Showcase Your Work
READ ME: How to use the Showcase Your Work category?

Showcase Your Work is that category where you can show off your Figma creations, get feedback on them or simply promote them.

Please do keep your posts somewhat related to Figma, avoid spam, and follow our Forum Guidelines, Figma Community Guidelines and Code of Conduct! Examples:✅ You can ❌ Avoid Ask for feedback on a design you created in Figma Design Posting content that does not relate to (or was not built in) Figma products Promote a plugin you’ve built that can help users in their Figma files Promoting products, services and events/meetups Share a Figma Slides template you’ve created Posting job descriptions or hiring calls  

120
seni
Figmate
5 days ago
Sabit
SabitNew Member
posted in Showcase Your Work
We released smart plugin for quick generate colors palette

https://www.figma.com/community/plugin/1456944853117354366/🎨 Usable Colors – is a modern plugin that streamlines color palette creation with a focus on practical contrast combinations. It smartly generates vibrant, dark, light, and inverse variations from your base color, ensuring both visual appeal and usability in your designs. With real-time adjustments and seamless integration into Figma Styles (Local Styles), this plugin helps designers create functional and impactful color systems effortlessly.

90
Sabit
16 hours ago
Sergey_Tomashevsky
Sergey_Tomashevsky
posted in Showcase Your Work
Introducing Variables Editor: Simplify Variable Management in Figma

Simplify your variable management in Figma with the latest version of Variables Editor. This update brings powerful new features to streamline your workflow, eliminate unnecessary navigation, and keep your focus on design. Key Features • Edit Variables in Place: Select text linked to a variable and edit it directly, skipping complex navigation or nested paths. • Reference-Aware Updates: Edit variables that reference others without breaking links — changes automatically apply to the final target. • Multi-Line Inputs with Line Breaks: Enjoy flexible value editing with full line break support in spacious input fields. • Undo Changes Instantly: Revert variable names or values to their previous state with a single click. • Quick Variable Creation: Add new variables directly to the current collection, right where you’re working. • Resizable Interface: Adjust the plugin window and input fields to fit your needs, whether dealing with simple text or complex structures. Who is it for? Perfect f

280
Sergey_Tomashevsky
17 days ago
mohan_vadivel
mohan_vadivel
posted in Showcase Your Work
Create accessible color palette for your design system in no time with HCT Palette

Hey folkz! checkout my Figma plugin HCT palette, now you can create accessible color palette for your design system in no time using HCT, a perceptual uniform color space. Figma Plugin: https://www.figma.com/community/plugin/1371086443917343826/hct-palette Also checkout the web version: https://mohanvadivel.com/projects/hct-tonal-palette-generator/index.html If you’re not familiar with what a perceptual uniform color space is, check out this article: Perceptual Uniform Color Space For a deeper dive into building an accessible color system, checkout this article: Building an Accessible Color System

90
mohan_vadivel
28 days ago
mohan_vadivel
mohan_vadivel
posted in Showcase Your Work
Pantone Hub, ultimate tool for all things Pantone in Figma!

Hey Folkz! Check out my Figma plugin Pantone Hub – your ultimate tool for all things Pantone in Figma! Easily discover, explore, and convert colors with seamless access to Pantone libraries. You can even match your custom colors to their Pantone equivalents. Give it a try and let me know what you think https://www.figma.com/community/plugin/1447117069413678958/pantone-hub

60
mohan_vadivel
28 days ago
leo31
leo31
posted in Showcase Your Work
Codify - Figma to Code , A brand new code generation plugin

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

13222
John_Ross
1 month ago
Studio_Artishop
Studio_Artishop
posted in Showcase Your Work
Color Mapper - Visual Color Remapping Plugin

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

120
Studio_Artishop
1 month ago
Pavel_Kiselev
Pavel_KiselevNew Participant
posted in Showcase Your Work
Slot component workflow plugin

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

500
Pavel_Kiselev
1 month ago
Sabit
SabitNew Member
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

120
Sabit
1 month ago
Weirdo
Weirdo
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.

240
Weirdo
1 month ago
Pavel_Kiselev
Pavel_KiselevNew Participant
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!

1586
matteogonzalez
1 month ago
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

380
MKitPlug
2 months ago
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:

370
mohan_vadivel
2 months ago
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!

150
Dualite
2 months ago
Rodrigo_Daud
Rodrigo_Daud
posted in Showcase Your Work
Keywords Generator Powered by AI

Hey, community! I just released a new plugin called Keywords Generator. Powered by an integration with GPT, it lets you instantly generate keywords for your component descriptions. Use Case The need to create keywords for component descriptions to make them easier to search or discover. Pain Addressed The daunting, manual task of creating keywords for each component individually. How it works Enter a valid OpenAI Key. Select all components you’d like to generate keywords for. Choose the number and language of the keywords, click to generate, and wait for the plugin to finish. Check out the plugin

140
Rodrigo_Daud
3 months ago
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?. 😂

190
Joe.C
3 months ago
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

1182
Martin32
3 months ago
Designmodo
Designmodo
posted in Showcase Your Work
Figma to Website and HTML

Siter.io provides a platform for constructing and launching complete websites without needing any coding expertise. It allows for a seamless export of Figma design files, eliminating the need to convert your designs into HTML and CSS manually. Once exported, adjustments and modifications can be made directly on Siter, with the added feature of incorporating responsive designs for your pages. Moreover, Siter’s visual editor allows for the integration of HTML code directly into your website. Here’s how to use it: Install the Siter.io plugin. Within Figma, select your website’s art-board. Navigate to “Plugins” and select Export Figma to Websites / HTML by Siter. Connect Siter with Figma. Export your designs with ease! Watch video → https://www.youtube.com/watch?v=BG8rsZdR_SQ

467834
Anima2
3 months ago
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!

420
Pierrick
3 months ago
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

512
Edgaras_Benediktavicius
4 months ago
Alex_FG
Alex_FG
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.

7473
F
4 months ago
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

280
F
5 months ago
Justin_Taylor
Justin_Taylor
posted in Showcase Your Work
NEW: Bolt Figma - Build Figma Plugins Faster

Hey Figma Plugin Devs 👋 I’m really excited to release this open source project to the world! Bolt Figma is our new framework that lets you build Figma plugins faster. Key features include: Start a new project in seconds with yarn, npm, or pnpm Pick Svelte, React, or Vue for your frontend framework Full Type Safety for the Frontend, Backend and Manifest Instant Hot Reloading powered by Vite.js Optimized Build Size And so much more https://hyperbrew.co/resources/bolt-figma/ We’ve already have 2 products go live using Bolt Figma, and excited to see what new projects people build with it. Huge thanks to Figma for making this project possible via the Figma Creator Fund 🙏 If you’re starting a new Figma plugin, try out Bolt and let me know how you like it!

3270
Justin_Taylor
5 months ago
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!

390
davestewart
5 months ago
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

380
Rymaszewski
5 months ago
Terms & ConditionsCookie settings