Connect with other community members, share your work and get inspired.
Recently active
I recently got my Figma to upgrade to the educational plan, but still it shows 0 AI credits , as it's an emergency, as I wanted to submit my project tonight; I want AI credits immediately.
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
We are currently exploring a solution to enable automated localization of Figma-based UI screens as part of a larger enterprise workflow.Use Case OverviewOur goal is to build a Figma-based translation pipeline that:Extracts text from Figma design screens Sends the extracted text to an external localization system (e.g., Localize) Replaces the original text with translated text (e.g., German) within the same Figma design Exports the updated screens as images (PNG/JPEG) for downstream usage (e.g., documentation such as IFU manuals)What We Are Trying to AchieveWe want to provide a seamless experience for end users, where they can:Input a Figma design (or screens) Select a target language Receive back the same Figma screens with translated text appliedKey Questions for Figma TeamWe would like guidance on the following:Text ExtractionBest practices for extracting all TEXT nodes at scale via the Figma API Efficient ways to traverse and manage large design filesText ModificationRecommended ap
HI team I forgot to cancel the planWould you refund this invoice? [invoice redacted by forum moderator to remove PII]
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
Support for creating high-fidelity wireframes, mock-ups, and interactive prototypes with the ability to collaborate and test design templates for digital dashboards. • Real-time collaboration and commenting capabilities for teams to work simultaneously on designs with permission control (view-only, comment-only, and edit access) for secure collaboration with external stakeholders or clients. • Integrated version control to manage changes, with a history log and the ability to revert to previous versions. • Integration with tools like Slack, Jira, and Trello for streamlined project management and communication. • Plugin ecosystem for added functionality (e.g., accessibility checks, lorem ipsum generators, custom icon libraries).Professional plan.
hai
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:
Hello Figma Support Team,We require an urgent investigation regarding file deletion activities performed by the user REDACTEDWe would like to obtain detailed audit logs and activity records related to:File deletions (Drafts, Projects, Teams, and Shared Files) Permanent deletions, if applicable File ownership changes File transfer activities Project or team removal actions Timestamps (UTC and local timezone if available) IP addresses associated with the activities Device/browser information used during the actions Any recovery options available for the deleted filesUser Email: REDACTEDPriority: Critical / Business ImpactingWe are currently investigating missing design assets and need to determine whether files were deleted, transferred, or otherwise modified by this user.Please provide:Complete activity logs for the specified user. Details of all deleted files and projects. Recovery options for deleted content. Any additional audit information available under our subscription plan.This
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?
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
Already have an account? Login
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.