Showcase Your Work

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

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 .

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

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!

I was learning to build Figma plugins and I was able to build my first Figma plugin a few months ago. The plugin reviews your UI design and gives detailed design feedback. Please check it out and give me your feedback. Design Feedback Plugin

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 😉

When ever you use community and copy a design file from there and come back to community and want to go back to your search results but the back buttons are disabled not working properly this is a bug i dont think this is intentional many people have posted the same problem from past few years and still it is not fixed i don’t know why but giving feedback is useless these days smh

Hey Figma community! I’m thrilled to introduce “Parrot,” a powerful plugin that simplifies the translation management process right within Figma. If you deal with multilingual design projects and want to streamline your translation workflow, this plugin is for you! 🌎 Key Features: Design in Different Languages: Create and manage multiple language versions of your designs within the same Figma file. Say goodbye to swiching interfaces for text and translation managment - all right within figma. Translation Keys Made Easy: With Parrot, managing translation keys has never been more convenient. Assign unique keys to design elements and update them directly within Figma. Import from Android and iOS: Seamlessly import existing translation keys from Android and iOS projects or i18Next JSON files to jumpstart your localization efforts. Export with Ease: Effortlessly export your translated content to Android and iOS projects for a smooth handoff to developers. i18Next and CLI support is

I made my first plugin with my friend! It’s fairly simple but I wanted to share it with you. ColorValue writes out the values of selected colors or updates a text label with the color value of the selected shape/frame. If you have any feedback please let me know! Thanks always.

I’m really excited to announce our new Figma Chart Builder Plugin. This plugin allows you to interactively create/edit/insert charts with layers! Currently it supports 11 chart types with a variety of options on each chart. You can get it today as part of our Figma + React data viz library called Unify Viz. Check it out here: https://unifyviz.com