Community Corner

I am working Hindustan Foods Limited.

Hey everyone 👋I often need to share long webpages with clients, review website changes, or put together documentation. The usual workflow — slicing screenshots and arranging them into pages by hand — always felt unnecessarily manual, so I built a plugin to automate it.SitePrinter lets you:- Import long webpage screenshots- Auto-layout them into A4, A3, Letter, or Legal pages- Arrange frames into 1–4 columns- Export presentation-ready PDFs in one clickIt's been especially handy for design reviews and client hand-offs, where you want the whole page in a clean, printable format instead of one giant scroll.Plugin: https://www.figma.com/community/plugin/1641026947708464856/siteprinterHow do you currently handle long webpage screenshots for documentation or client presentations? I'd love any feedback — what feels useful, and what's missing that would make you actually reach for it. 🙏 

Our last design token migration touched 41 files. Two of them broke staging.We had 47 properties across 12 core components still using raw colour values. Someone had hardcoded #1E293B into a border instead of linking the surface variable. Finding all those unwired properties manually in Figma is a nightmare of clicking through nested layers.I got frustrated and built a way to fix this into Design System Sync.The new Connect Unwired tool detects every raw hex code and binds it to the matching variable automatically. We cleaned up the technical debt in our entire button library in about ten seconds. Then it synced the clean code straight to GitHub.Plugin: https://www.figma.com/community/plugin/1561389071519901700?utm_source=figma-forum&utm_medium=post&utm_campaign=botWebsite: https://ds-sync.netlify.app?utm_source=figma-forum&utm_medium=post&utm_campaign=botHow are you tracking down detached variables in your larger component sets?

Dear Figma Community,We all know the modern software tragedy. You find a neat plugin and immediately it demands a monthly subscription, your oldest child and a permanent internet connection to whisper your data back to some server.I grew tired of this theater. So I created three plugins that feel like they come from a forgotten digital utopia. They are entirely free, require exactly zero network connections and are so enterprise compliant that even your most paranoid IT security chief can sleep soundly. Your data stays exactly where it belongs, which is on your local machine.Here is my little trio for a better workflow:Vectrumhttps://www.figma.com/community/plugin/1614653112817958924/vectrum-generative-vector-patterns-for-designersBecause nobody should waste precious lifetime manually pushing vector points around. This tool generates parametric, highly complex geometric patterns directly as native vectors on your canvas. It is perfect for making your designs look sophisticated without

My AI is not working, Everytime it shows " Something went wrong, Please Try again".

Request to Recover Missing Figma FileHello Figma Support,I’m contacting you because one of my Figma files has disappeared unexpectedly.The file is no longer visible in my account, and other team members also cannot find or access it. I already checked Drafts, Recent files, and Trash, but the file does not appear there.Here is the information I have:Account email: [redacted by moderator to remove personal information] File name: FIXINO Team / Project name (if applicable): TEAM Approximate date/time when it disappeared: TODAY File link (if available): [redacted by moderator to remove personal information]   Could you please check whether the file can be recovered or help identify what happened?Thank you for your support.Best regards,amirhossein. 

quick survey for anyone who uses Figma at work regularly — takes about 15 min and pays $45. you qualify if you're US-based, employed, and actually use Figma (not just have it installed lol).designers, devs, PMs, marketers all great!link here: https://terac.com/interview/start/r/7e7e8f01-4d62-4044-9b27-b41d66223262Please let me know if you have questions!

Hi everyone,I've been building BBUI — a Figma UI library designed to work seamlessly with AI agents and the Figma-to-code workflow. Heavily inspired by shadcn and Tailwind.After the first round of public testing I realized the variable naming wasn't aligned with Tailwind conventions, which matters a lot now that AI agents can read Figma metadata and generate code directly from designs. I've since rebuilt the variables system to follow Tailwind precisely, which tightens the handoff between design and code significantly.Beyond that, I've spent time on sizing consistency and whitespace so components scale cleanly across breakpoints.I've been using it on client projects and it's held up well. Now doing final polish before a Q3 2026 release.If you want early access, sign up here: https://www.boilingbrains.io/products/bbuiWould love to hear any thoughts or questions from the community.

In the past when building components, the hover and tap targets where always the same size as the component itself.For example, in a list where the hover or tap area should span the full width of the page, the component itself needed to be full-width.So to improve the life of our developers we wanted to transitions from using components with built in margin to allow setting the margin externally. However, the challenge was how to ensure the component would still have a hover/tap target that spanned the full width.I couldn’t find any suggestions online, but after a lot of fiddling and hacking, I discovered a surprisingly simple solution.I wanted to share it here in case others have faced similar challenges:Solution Step 1: Create a layout using auto layout so that the component can scale as needed based on the content. Add the state as it’s own layer and set the position to absolute.For each variant you can change the state as you would normally change the background. Step 2: Set the la

Hey everyone,I had a conversation with a user who got stuck at a step I thought was obvious. It wasn't.That was enough to finally start the revamp. Before I change anything though, I'm collecting real usage data, would love for you to try it and tell me what feels confusing or broken.What the tool does: Drop an image or brand color → it generates a complete starter design system and outputs a plugin script you paste into the Figma console. What gets created in your Figma file:Color variables (50–900 scales), synced with tokens Typography text styles Button variants (40 total: 4 types × 2 sizes × 5 states) — all bound to the color variables so updating the palette propagates automaticallyWhy it might be useful: Design system kickoffs usually mean manually wiring up 60+ variables every time. This skips that step entirely.Try it free: https://designsystem-generator-bbs.vercel.app/Demo: https://youtu.be/meP4kaoAeMAIf anything feels off or confusing: reply here or DM me. That feedback is ex

I ran into an issue recently where an outgoing internet call wouldn’t connect, and the app just showed a generic error message. No clear explanation, no guidance — just a code.It made me think about how we design these moments. When a call fails (a VoIP error code), the cause could be anything from a weak connection to a backend issue, but users don’t really care about the technical side — they just want to know what to do next.How do you approach designing these kinds of error states? Do you keep it simple and friendly, or provide more detailed troubleshooting info somewhere in the UI?Would love to hear how others handle this in their products.

Hey everyone — I wanted to share a Figma plugin I’ve been building called Variate.It’s designed for people doing repetitive production work like paid social ads, email campaigns, lifecycle design, etc.The workflow is simple:- map text layers once (HL, SH, CTA, or custom fields)- paste multiple hooks/offers/CTAs- generate lots of clean text variations automaticallyThe goal wasn’t “AI magic,” but removing the repetitive frame duplication and text-swapping that eats up production time.I made this short demo walkthrough showing the workflow in action.Would genuinely love feedback from people who work in high-volume design workflows:- what feels useful?- what feels missing?- what would make this something you’d actually use?Plugin:https://www.figma.com/community/plugin/1637012532167731648/variate(Free to try)More info at http://variate.designance.co 

create image of logo about sibuyan express padala 

Hi Figma Community! I’m the developer behind the MKitPlug plugins (MKitFPdf, MKitCreator, and MKitFlow). Today, in the Showcase your work section, I’d love to introduce a true passion project of mine: MKitFlow – a universal, secure bridge between your Figma canvas and your entire tool stack.The Problem Until Now: When trying to send Figma data to internal tools or automation platforms, you often face rigid setups. You usually can't trigger workflows directly from the design canvas, and the data you can pass along is extremely limited. Plus, installing countless micro-plugins for every single automation (reports, Jira syncs, data exports) creates a messy "plugin landscape" and significant security risks, as sensitive design data flows to unknown third-party servers.The MKitFlow Difference: With MKitFlow, you control your processes exactly where they happen: right on your working canvas. The plugin sends webhooks directly to a self-hosted n8n instance, popular automation platforms (like

Hey everyone. Alexander here, maker of a Figma plugin called Design System Sync. Posting because I just shipped a feature that solves something nobody talks about: even after a "successful" token migration, half your components are still hardcoded with raw hex. I kept seeing this in our own files. Library updated to variables, design team happy, PR merged. Then a month later someone notices a button still shows the old brand colour, because three properties on one variant never got wired up. By that point nobody remembers which migration missed it. The new feature is called **Unwired detection**. The plugin scans every component and surfaces which properties still use raw hex codes instead of your variables. A new card on the scan results shows the count. Click in and you see the exact component, the exact property, and which variable you probably meant to use. So before you ship a rebuild, you actually know if the migration was complete instead of finding out months later. Free tier c

Hi Figma community, I am working on Taploop.design, an AI design studio for marketing teams. The goal is to turn a campaign brief into a set of on-brand creative directions and campaign visuals that designers can use as a starting point, then refine in Figma or their normal design workflow. It is not a Figma plugin yet. I am sharing it here because I would like feedback from designers who regularly work in Figma and care about campaign systems, brand consistency, and production-ready marketing assets. What it helps with: - Generate first-pass campaign visuals from a marketing brief.- Create social posts, ad creatives, thumbnails, website visuals, QR campaign graphics, and launch assets.- Keep creative direction consistent across a campaign instead of producing disconnected one-off AI images.- Move from brief to usable visual options faster, then refine the strongest direction in your design tool. I would love feedback on: - Would this fit before or alongside your Figma workflow?- What

Figma has no native way to apply opacity to an aliased colour variable without breaking the link and forcing you back to hardcoded hex values. To handle hover states, alert tints, or Material Design elevations, you are forced to bloat your library with dozens of duplicate variables.I built Sheer to solve this exact architectural bottleneck. It adds an automated, non-destructive opacity modifier layer to your workflow, here are its key features:  Token Mode: Type target steps (such as 8, 12, 20, 50) and instantly batch-generate clean, linked opacity scales directly from a base primitive variable. Quick Apply: Drop transparency onto individual component fills or strokes right on the canvas without polluting your library or breaking the core reference link. Smart Sync: If a master brand primitive changes, Sheer audits the file and repairs all dependent opacity tokens in a single click. Dev Mode: Automatically outputs production-ready CSS variables using native color-mix() syntax dir

Hi Figma Support, I accidentally upgraded the wrong team to the Professional plan today and submitted a support request for a refund. This was a mistaken upgrade, and I do not intend to use the Professional plan under this team. I have already taken action to prevent future charges and I plan to subscribe again under the correct team once this issue is resolved. However, I have not received a confirmation email or ticket number, so I’m worried that my support request may not have been received successfully. Could someone from Figma Support please help check whether my request was received, or help escalate this billing issue? This is urgent because it involves an accidental paid subscription and I would like to resolve it as soon as possible before subscribing under the correct team. Thank you.

Hi everyone! My name is Sergey, I have been designing game interfaces for over 8 years.I would like to present to you my small design system for a non-existent RPG game. I created the design specifically for the Figma community, so that everyone can copy the project for themselves and get to know game UX/UI better.Here are some screen examples:Character inventoryCharacter abilitiesQuestsDialogueHudItem description systemThere are a lot more screens!I would be happy to receive feedback or new ideas on what should be added or updated in this system.Check the link: https://www.figma.com/community/file/1615676025515807988/game-ui-dark-fantasy-rpg

Hi Figma community,I built a small Figma plugin called SpecBridge and just got it approved.It creates a handoff Blueprint inside Figma: visual annotations, layout notes, code notes, token references, and a clear spec page that designers and developers can review together.I am not positioning it as a Dev Mode replacement or a code generator. I am trying to solve a narrower problem: making design-to-dev handoff easier to understand and share.The original selected frame is not destructively edited, and Core works without API keys or AI.Figma Community:https://www.figma.com/community/plugin/1638973493794539117I would love honest feedback:- Would this help your handoff workflow?- Is the Blueprint clear enough for developers?- What is missing?- What would make this useful enough to use regularly?

Hey everyone,If you work in massive Figma files, you probably know the pain of stakeholders or developers wandering into the canvas and leaving comments on incomplete or outdated frames.I got tired of constantly manually drawing coloured banners or using "in progress" labelled frames on my sections, so I built a lightweight plugin called Status tags to make the process a lot faster.It essentially lets you anchor customisable status badges directly to your frames or sections. Here is what it can do so far: Slap statuses onto frames, components, or entire sections in one click. Toggle alignment easily (hang them on the top-left or top-right of your frames). Tweak the visual appearance (like corner radius or borders) to play nice with your file organisation style. Bulk-apply tags to multiple layers simultaneously to save time. It’s live in the community now if you want to play around with it: https://www.figma.com/community/plugin/1590893303867359443I’d genuinely love to hear your t

Hey everyone,Creating and maintaining color variables in Figma can get slow very quickly. And don’t get me started on the handover to the developers. That work is important, but a lot of it still feels more manual than it should be.So I’ve been working on a Figma plugin called ColoRamp.ColoRamp starts with a single seed color. From there you can try different harmony modes, adjust things like chroma, lightness, tint and temperature, then generate ramps from the result.The part I care about most is the design-system workflow after that:create ramps for primary, secondary, accent, neutral, success, warning, danger, etc. fine-tune each ramp with steps, lightness range, hue shift and saturation shift create or update Figma variable collections map primitive colors to intent tokens add code syntax for variables, like CSS variables or SCSS export variables/styles as JSON if neededSo it is not really meant as a “random palette generator”. It is more for getting from a brand color to a structu

Hi Figma Support,I accidentally upgraded the wrong team to the Professional plan today and submitted a support request for a refund.This was a mistaken upgrade, and I do not intend to use the Professional plan under this team. I have already taken action to prevent future charges and I plan to subscribe again under the correct team once this issue is resolved.However, I have not received a confirmation email or ticket number, so I’m worried that my support request may not have been received successfully.Could someone from Figma Support please help check whether my request was received, or help escalate this billing issue?This is urgent because it involves an accidental paid subscription and I would like to resolve it as soon as possible before subscribing under the correct team.Thank you.

Hi Figma team,I just saw that Config tickets have sold out and I’m gutted — I was literally in the process of getting budget approved when it happened!I attended last year as a student and it was genuinely one of the best design experiences I’ve had. Now that I’m a new grad working professionally in design, I was really looking forward to coming back and experiencing Config from a different lens.I completely understand if there’s nothing you can do, but I wanted to reach out on the off chance there’s a waitlist, cancellation spot, or any alternative way to attend.  Config is such a special event and I’d love to be part of it again.SanjhalProduct designer

Hi Figma Community!I am a student working on an e-commerce website for a custom cakes bakery. I’ve completed the mid-fi wireframe prototype for desktop. I am now in the user testability phase. I would really appreciate it if you could test it out and give me feedback.My main goal is for the user to be able to easily understand the interface and that the interactions are working properly.Here’s the link: Figma Link To WireframeThanks in advance!