Showcase Your Work

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&

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/16146531

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 h

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

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:

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:

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

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. 

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 depend

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 abilitiesQuests

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

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

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!

Lately I’ve been experimenting with designing calculator-style tools using Figma before actually building them out in the browser, and it got me wondering: how do you effectively bridge static UI design with real, interactive logic?For context, I’ve been testing ideas on a small project (gagcalc.io) where the goal is to keep calculators fast, minimal, and actually worth revisiting.A few pain points I’ve run into so far:Static design vs dynamic behavior:In Figma, everything looks clean and controlled—but once real inputs and edge cases come in, layouts can break or feel inconsistent. Especially with variable-length outputs.Simulating real data in Figma:I’d love to preview how different calculation results (short vs long numbers, edge cases, etc.) behave inside the design itself. Right now it’s mostly guesswork or manually swapping text.Design-to-dev handoff friction:Things like spa

https://www.figma.com/community/plugin/1611461961334838806Hi Figma community,I’d love to share TypeCraft, an AI-powered creative typography and title poster generator built for Figma.TypeCraft is designed for creators, marketers, designers, and anyone who needs strong visual text quickly inside their workflow. It helps turn plain words into more expressive title visuals for things like:poster titles campaign headers social media cover text event visuals branding explorations stylized typography conceptsInstead of spending a long time trying to build headline visuals from scratch, TypeCraft helps you

It was for a client. The whole website was first designed in Figma, and after go ahead by the client, it was developed from Figma to a website. You can visit at the following links: https://bestsugardaddyapps.com/https://bestsugardaddyapps.com/forum/

Synkra is a multi-page website template built for enterprise SaaS and ops automation products. --- 📄 WHAT'S INCLUDED (FREE) → Landing Page - Hero, features, social proof, CTA→ Features Page - Detailed product capabilities layout→ About Page - Team and brand story structure→ Blog Listing - Article grid with category filter→ Blog Detail - Full article reading experience→ Changelog - Product update log layout→ Pricing Page - Tiered pricing with feature comparison All pages are fully structured with auto layout and ready to customize. --- 🎨 DESIGN DETAILS - Style: Minimalist, Clean- Auto layout: ✅- Typography: Google Font- Built for: SaaS, ops tools, AI workflow products --- 🔓 PRO VERSION The pro version includes everything in this free templateplus the f

Are you struggling to connect Figma to external APIs like n8n or Make for recurring tasks like reporting and design audits?The biggest hurdle is usually the "Pull" problem: external automation triggers can’t "reach into" Figma to start a plugin or modify a canvas without an active user session.MKitFlow fixes this by using a "Push" model.Instead of waiting for an external trigger, you initiate the workflow directly from Figma, pushing specific data (text, layer properties, or JSON structures) to any REST API you define.Why this is a game-changer:Selective Data Transfer: You don't have to send the whole file; just select the frames or nodes you need. Bidirectional Intelligence: It doesn't just

Hey Figma community 👋I'm a professional icon designer with 10 years of experience on Shutterstock, iStock and Adobe Stock. Chances are some of you have used my icons in your projects without knowing it 😄A few months ago I decided to stop selling my medical icons only through stock platforms and built something more useful — a Figma plugin called Glyfiq.What's inside:300+ medical & health icons (working toward 6,000+) Thin-line style, 256×256px, consistent strokes Switchable stroke weights: Light / Regular / Bold Search with real medical terminology Custom icon requests for Pro subscribersVibe coded the whole thing with zero dev experience. Somehow it works 😄

Hi everyone, I’m Brian, and I’ve been building a product called Glide Design AI.The idea is simple: a lot of founders, developers, and small teams can build software, but they struggle to make the product feel polished. Glide Design is an AI design workspace where someone can describe what they’re building and get back high-fidelity screens, product copy, design direction, and handoff notes from a single prompt.The part I’m most interested in improving is the design quality. I’m working on a system where the AI thinks through typography, layout, hierarchy, color, component structure, and product context before it renders anything. The goal is not to replace designers, but to help builders stop shipping rough-looking apps when they do not have access to a full design team.I’d love feedback from the Figma community on a few things:How would you expect an AI design tool to fit into a real design workflow?What would make AI-generated screens actually u

Hi everyone,I’ve been working on a Figma plugin to simplify how designers and developers handle icon systems.The goal was to remove the friction between design and production and make the process faster and more consistent.With IconNova, you can:• Convert icons into SVG, JSON, CSS, and web fonts• Generate a structured icons.json with stable codepoints• Export a ready-to-use package for development• Browse and copy icons in multiple formats (SVG, React, Vue, fonts)• Handle large icon libraries with better performance and controlRecent updates include:• Improved Dev Mode support• Smarter icon detection from complex selections• Faster export with clearer feedback• Favorites system for quick access• Drag and drop support for SVG and icons.json• Cleaner UI and better preview experienceWould love to hear your feedback 👇Plugin link: