Showcase Your Work

Im on week 3 of using Figma and just figured out how to duplicate a slide. So things are going great. I’m excited I’m being forced to use Figma.

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 spacing, responsiveness, and conditional UI (show/hide fields based on input) don’t translate cleanly from Fig

I’ve been struggling with creating linear tickets directly from FigJam board, so I ended up building a small FigJam plugin to remove some of that friction.The plugin lets you: Turn sticky notes, shapes, and frames into tracked Linear issues in seconds. Map common fields (title, description, project, assignee, labels) so you don’t have to retype everything. Keep a simple link back to the FigJam context so tickets aren’t divorced from the original board. It’s completely free to use (I don’t sell anything around it), and I built it mainly for my own workflow and a couple of other PMs who were tired of copy‑paste marathons. I’m sharing it here in case others have the same problem:Plugin link: https://www.figma.com/community/plugin/1582779918962363836/handoff-for-linearI’d really appreciate: Feedback on whether this actually fits into your workflow. Ideas on what would make it genuinely useful for product teams (e.g., templates, better defaults, extra fields). Edge cases where it br

Hi Figma Community,I'm part of the design team at Nimble AppGenie, and we recently completed a full UI/UX design project for a banking application. Figma was central to our entire workflow — from wireframing and component building to prototyping and developer handoff — so I wanted to share a few things we learned along the way.About the ProjectWe were working alongside our development team, which specializes in Banking Software Development, to design a feature-rich mobile banking app. The product needed to balance complex functionality — account dashboards, transaction histories, loan calculators, and multi-factor authentication flows — with a clean, intuitive interface that everyday users could pick up without a learning curve.How Figma HelpedWe built a shared design system with reusable components for form fields, cards, and navigation — this kept everything consistent across 40+ screens. Auto Layout saved us a significant amount of time when screens needed to adapt across different

 A few months ago I published a Figma plugin to help designers, design system folks, and engineers work faster with colour in Figma.Colour is one of the hardest parts of a design system to get right and accessibility still tends to be guess-and-check: tweak, export, audit, repeat.Most of us are still stuck between two bad options:Manual tweaking: beautiful ramps in Figma, then hours checking pairs, fixing dark mode, re-exporting variables, and hoping nothing drifted. Industry-standard tooling: tools like Adobe Leonardo are powerful, but they were not built for day-to-day Figma work. Personally, it took me years to discover Leonardo's key colours. Worth it, but slow and complicated.What I tried to solveMost plugins and tools hand you a bunch of nice colours and walk away. Or they ask you to do the maths. I wanted to give designers time back to experiment, iterate, and play inside a system that is:Safe: accessibility handled by a proper engine, not eyeballing every stop Non-destructive: 

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

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

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

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 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 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!

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 explore creative directions faster and bring them back into your design workflow more efficiently.What makes TypeCraft usefulGenerate expressive typography styles directly from text Explore multiple visual directions quickly Use reference images to guide style Better suited for creative title graphics, poster text, and visual headline exploration Built for fast experimentation inside Figma

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 full CMS UI Kit and complete design systemwith tokens (color · type · spacing · elevation). → Available at: TBA --- 📌 USAGE Free version is available under CC BY 4.0.Commercial license available in the Pro version. Questions or feedback

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 send data—it can receive messages, documents, or direct commands to modify your Figma design in real-time. Deep Analysis: It extracts granular node metadata (colors, text, constraints) for advanced consistency checks.Check out the workflow in the video: I’m using MKitFlow to trigger an n8n workflow