Showcase Your Work

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

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

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 😄10% of the library is free — no subscription needed to try.✅ Would love feedback from anyone working on healthcare products. What categories are missing? What would you need first?👉 figma.com/community/plugin/1620445233696980538

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 useful to designers, instead of just lo

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:https://www.figma.com/community/plugin/1619361051850350459/iconnova-icon-to-code-engine?fuid=762933413940519371 

There was a comment in our PR that said 'these greys don't match Figma anymore' and I laughed because it was true again.We had just spent three days updating our base colour variables. Someone missed a tiny #F3F4F6 hex code in the main JSON file. The developers were confused. The design team was annoyed. It was just a mess tbh.I got really tired of checking code diffs manually. So I built a plugin called Design System Sync to handle it for me.It pushes Figma variables straight to GitHub as a pull request with visual diffs attached. We actually deleted our token handoff Slack channel after the first week of using it.Figma Community: 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 does your team track token drift when multiple designers are editing variables?

Two years ago, I developed a chart generation plugin, which now has nearly 40,000 users and over 900 likes. I hope to hear different opinions so that I can improve the plugin.UCharts: https://www.figma.com/community/plugin/1404821057322599271UCharts widget: https://www.figma.com/community/widget/1428377008853905162/ucharts-line-charts-bar-charts-pie-charts-radar-charts-scatter-sankey-area-chartst?q_id=eca1d680-40fb-492c-8a78-cb27bfc12423

 Hey Figma community 👋 I just shipped Slotify — a free plugin I built after spending way too long adding slots to components one by one across a large component library.If you've ever had to slot 30+ components manually, you know the pain.Slotify fixes that in one click.👉 Install free here:https://www.figma.com/community/plugin/1620735141653308129/slotify─────────────────────────────✦ WHAT IT DOES─────────────────────────────- Bulk-insert slots across your Selection, current Page, or entire File- Use {name} tokens — slot names auto-fill per component (e.g. "Button Slot")- Anchor a slot to any child layer — position and width follow it automatically- Add multiple named slots to one component using presets   (Card: Title + Image + CTA, Two-slot: Header + Body, and more)- Undo the entire last batch instantly if something looks off─────────────────────────────✦ CODE CONNECT BUILT IN─────────────────────────────Slotify has a built-in Code Connect panel — scan your page for slotted compone

Hey everyone,Just launched Text to Checklist on Figma Community — a widget designed to turn any pasted or typed text into interactive, trackable tasks directly on your canvas. Key Features:Text → Checklist in Seconds: Simply paste your text to generate a functional checklist instantly. Progress Tracking: Check items off as you work. Figma Community:https://www.figma.com/community/widget/1607614671101354962/text-to-checklist Try it in the browser:https://inuris.github.io/figma-checklist If you find it helpful, please leave a ❤️ on the widget!

Our Figma sidebar had 8 plugins open. Now it has one.You know the flow: export a PDF in one, check contrast in another, convert units in a third, then open yet another tool just to import a file. Each has its own UI, pricing, and quirks. Half the time the work is simple — but finding the right plugin becomes the work.So we built Waysorted.com.It's a lightweight Figma plugin suite that pulls common design utilities into one place. Beta 1.0 is live now:PaletteTable — color systems with harmony schemes and WCAG/APCA contrast checks Frames to PDF — DPI control, RGB/CMYK, reordering, merging, compression Unit Converter — MM, CM, IN, rem, em → pixel values, with direct frame creation on canvas File Importer — drag and drop AI, PSD, EPS , PDF, Canva files straight into Figma SVG Icon Library — browse, export as components, or copy URLs for dev handoff, with 20+ Icon packs HTML to Design — converts coded interfaces into editable Figma layersFree to start! Honestly curious: which small Figma pl

Building production grade Figma design tokens usually takes weeks(if not months).I built an AI workflow + Figma plugin that generates your token architecture for you.Answer a few questions necessary to provide context to AI tool of your choice → get a structured JSONs .Zip file → import it using plugin → full token system created in seconds.What this does for you: Entire Token hierarchy and aliasing Proper variable organization Web, iOS, and Android naming Auto generated styles Made for designers who want to skip setup and start designing.Plugin: Figma Variables Tokens ImporterGitHub: GitHub Repo - Leave a ⭐Demo community file: Figma Playground File with tokens already importedYou can also download the sample .zip file created using Claude(free version) here, and run the plugin - drag and drop, see the magic(do this in a new Figma file)Message to Figma team - Figma connectors to Claude and other AI tools come with multiple skills, this could be a fantastic addition to it. This is

https://senati.blackboard.com/bbcswebdav/pid-43483601-dt-content-rid-364071633_1/xid-364071633_1

IconNovaHi Figma Community 👋Icon handoff between Figma and code has always been one of the most repetitive parts of my workflow cleaning SVGs, managing fonts, keeping everything in sync...So I built IconNova to automate the entire process inside Figma.What it does:✨ Export clean Inline SVGs (currentColor ready)🔠 Generate icon fonts (TTF / WOFF)📦 Create JSON + CSS mapping for developers🔒 100% offline — privacy-firstAlready at 345+ users in 5 days, and improving fast based on feedback (just added inline SVG copy today).Would love your thoughts - especially around your current icon workflow 👀https://www.figma.com/community/plugin/1619361051850350459

Hey Figma community 👋I want to share something I built out of pure frustration  Framify Video Exporter, a free plugin that lets you export any Figma frame with video layers and layers with Figma effects as a proper video file (MP4, GIF, WEBM), right from the plugin panel.The backstory: I kept screen recording my own mockups to share with clients. Shaky cursor, wrong frame rate, glass effects looking completely broken. There had to be a better way. So I built one.It already has over 200 actives users in two weeks since the launch! Which is super exciting. What makes Framify differentThe big thing — and the reason I'm actually proud of this — is that Framify uses Figma's own renderer to export each frame. Not a canvas approximation. Not a screenshot hack. Figma renders every frame itself, which means:Glass effects, backdrop blur, layer blur, refraction — all preserved in the export Your frosted glass UI looks in the video exactly how it looks in Figma Layer order is pixel-perfect — beze

OpenBridge Design System 6.1 us a huge design system that offers a collection of tools to improve design of maritime and safety critical workplaces. However, it has content that is likely to be useful in much broader setting. It has extensive Figma documentation and a full  web components open source code library. All for free use. 👉 UI components👉 Alert systems👉 Bars and graphs👉 Instruments for ships, planes, ROV, drones and more. 👉 Augmented reality👉 Maps👉 Industrial automation👉 Open Source CodeIt is an open-standard framework built for maritime and industrial applications — ranging from vessel control interfaces to complex monitoring dashboards. Developed with safety-critical environments in mind, OpenBridge ensures consistency, clarity, and reliability in demanding operational settings. Learn more about OpenBridge at www.openbridge.no