Showcase Your Work

Our last typography update touched 14 different CSS files. Three of them broke the production build because a developer missed a tiny change to headingXl. We had changed the line height in Figma from 120% to 110%. The manual handoff process was completely failing us.I got so annoyed tracking down these mismatches that I built a tiny workflow tool to fix it. We actually deleted our entire #design-qa Slack channel because Figma variables now just export directly to GitHub PRs automatically.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 is everyone else handling token name changes without breaking developer pipelines?

Hi all! I kept seeing the same image-fill requests here on the forum (anchoring, bulk swapping, consistent crops, getting the CSS out), so I built a small set of plugins for them. Full disclosure: they're mine, and they're paid (one-time).- Image Anchor: pin an image fill to any edge, corner or focal point, like CSS object-position, and re-align it after a resize. https://www.figma.com/community/plugin/1689393299581273475- Bulk Image Swap: replace the images in many layers at once, in the order you pick them or by file name, keeping each layer's size and crop. https://www.figma.com/community/plugin/1689391431052577150- Batch Aspect Crop: give many image layers one aspect ratio (1:1, 4:3, 16:9 or custom), cropped around the point you choose instead of stretched. https://www.figma.com/community/plugin/1689384234670276965- Image CSS Export: copy object-fit, object-position and aspect-ratio for selected image layers as CSS or Tailwind. https://www.figma.com/community/plugin/168938909677250

Hey everyone 👋Figma's PDF export and I have a complicated relationship. My 48-slide deck came out at 88.2 MB: too heavy to email, too heavy for most upload forms. So I built (ok, co-built, let's be honest) a little plugin: PDFShock. It flattens each slide into a compressed image, then puts the real text back on top. You can still select and search your PDF, and your links stay clickable. On that same deck:→ Figma export: 88.2 MB→ PDFShock Balanced: 16.5 MB, still sharp on screen→ PDFShock Smallest: 7.1 MB It works in Figma Design and Figma Slides, and everything runs locally: your file never leaves Figma. Then I got a bit carried away 😅 There's now a website too, for PDFs you've already exported (Figma, Canva, Keynote…). It compresses them right in your browser, nothing gets uploaded. And there's a wizard who ⚡ zaps ⚡ your PDFs, drops a few punchlines and gives you a tiny game to play while your file compresses. Completely useless, therefore absolutely essential. → Plugin: https://ww

I got a bit bored and created a fun plugin called Phantom Cursor. It simulates a “fake collaborator” experience, with multiple cursors flying around your canvas, pretending to interact with your designs like real team members. I’m just curious if this is something anyone would be interested in?. 😂

Hi everyone 👋My brother Mazen Awaideh and I built Structify, a Figma plugin for designers who are tired of jumping between Jira and Figma: opening tickets, reading, designing, then going back to comment and update.What it does:- Connects to Jira and GitLab and loads your tickets inside Figma- Lets you set industry, device and company context- Generates a structured design workspace from each ticket: core flow, touchpoints, edge cases, error/empty/loading states, security, accessibility, plus a screen checklist- Submits your work back to the ticket- Saves everything in History, so you can revisit any ticket or reuse a structure on a new oneIt's free. You bring your own AI API key, so there are no usage limits from our side.To test it, we created an imaginary Arabic-first home-services app in Jira with 15 tickets, from fully specified stories to one that just says "search needs to be better", like real tickets do.🎥 1-min walkthrough: https://youtu.be/PN85rZUh6vQ🔗 Plugin: https://www.f

We design type, and we proof a lot of it in Figma. So we built the two tools we kept wishing we had.Font RefreshYou fix a curve, export a new version, switch back to Figma… and nothing has changed. Figma only redraws a text layer when you edit it. Font Refresh redraws every text layer in the file, on the page or in your selection, in one click. Your text, styles and layout stay untouched. Specimen MakerPick a family, choose three colours, and get a complete A5 specimen booklet, print-ready with bleed. Inside: cover, character set, every glyph in its own square, all styles with full alphabets, pangrams in eight languages, a size waterfall, headlines and running text. Every page is a normal Figma frame, so you can edit all of it. Made for type designers, by type designers.

Text flows around images and shapes. Icons and components sit inside the line. Reset brings the original text back. Free: 5 texts a day.https://www.figma.com/community/plugin/1687782073408546359

Updating our site this morning and didn't see any resources on Figma for this so quick created it and published for anyone to use. Simple “Sign in with” and “Continue with” following OpenAI’s brand guidelines.2 component sets included: one with flattened text (if you don't have the typeface)and one with the editable text using the typeface.Typeface link is in the file and in the file description.Hopefully saves you 5-10 minutes of your day.👉🏽 Figma file here

Hi everyone 👋I recently released TextFit for Figma Buzz.I built it around a problem I kept seeing in Buzz workflows: you create a branded template, then use Bulk Create, localization, or simply change the copy — and suddenly some headlines no longer fit the original layout.TextFit lets you:Freeze the original text areas so longer copy doesn’t push the layout Scan one asset, a selection, or all assets for text overflow Fix overflowing text automatically by reducing the font size until it fits Set a minimum font size Revert TextFit’s typography changes if neededA typical workflow is:Freeze → Bulk Create / localize / change copy → Scan → Fix  It’s particularly useful when generating lots of campaign variants or translating assets into languages where the copy becomes longer.You can try every feature free for 7 days. After that, it’s a $7 one-time purchase:https://www.figma.com/community/plugin/1685810922519235112/textfit-for-figma-buzzI’m the developer and it’s very new, so I’d especiall

I built this Figma plugin to check app icons at small sizes and catch clipping before handoff. The free features provide platform-sized frames and mask previews. The full version is $5 once and adds 64, 40 and 24 px previews, masks on the canvas, clipping checks, a handoff fix list, and unlimited frames.https://www.figma.com/community/plugin/1683316299414206723

Hi everyone. I built Anchorline because drawing user-flow arrows by hand is the slowest part of preparing a handoff file, and redrawing them every time a screen moves is worse.Select your frames in the order people move through them, click Create flow, and Anchorline connects them with clean, editable arrows.What it does:Follows the order you select, so the flow reads the way you think about it Routes around any frame, component, or instance in the way, at right angles Pins either end of an arrow to one of 12 points on a screen, or leaves it on Auto Connects a button inside a screen to the screen it opens Adds step labels, such as "Tap Sign in", as ordinary text layers Follows your screens while it's open, and Update arrows catches up on anything that moved Hides every arrow on a page in one switch, for clean exportsEvery action is one undo step, and the arrows are plain Figma vectors. It's free, with no account, no limits, and no network access.Anchorline on Figma CommunityI'd value f

Hi all 👋 I build banner ads and since Figma Motion launched I've been animating everything on the new timeline. But when it came to delivering ads, I was stuck: Motion exports MP4, GIF, WebM and SVG, and none of those can be uploaded as an HTML5 display ad.So I built a small plugin that does just that one job: Figma to HTML5 Display Ads. How it worksAnimate your banner in Figma Motion as normal Export it as an animated SVG (Export → Animated → SVG) Open the plugin and upload your SVG Download a clean, self-contained HTML5 zip, ready for Google Ads or any HTML5 ad platformThat's it. No new timeline to learn and no rebuilding your animation. It uses the Motion animation you've already made. Why I made it simpleMost banner tools charge a monthly per-seat subscription and bury the export under dozens of features. This one keeps it clean and simple for a one off $50. No subscription.Try it here: https://www.figma.com/community/plugin/1652278713752782198I would really love feedback from any

Sharing a free plugin I built, in case it is useful to anyone here who works in more than one language. The problem: getting accented letters into Figma text is more awkward than it should be. Alt codes can swallow the character before them (there is an open thread here where "différent" comes out as "diférent"), the macOS accent menu only started working relatively recently, and the fallback most people end up with is typing it in Word and pasting it across. What it does: search 682 accented letters from 55 languages — by the letter, its Unicode name, the accent mark, the language that uses it, a code point, or just a plain description like "two dots" if you do not know it is called a diaeresis. Click one and it goes into the selected text layer. No Alt codes involved at any point. Free, no account, no tracking. The letter data comes from Unicode 16.0.0 and CLDR 48.2.0 rather than being typed out by hand, so the language coverage should be right. https://www.figma.com/community/plugin

Hey everyone 👋Some of you might remember when I first shared Free Transform here. Thank you so much for the love and feedback since then. Today I'm back with something I've been pouring a lot of heart into.A bit of context: I've been designing in Figma for over 7 years, much of it graphic work, not just UI. And for all those years, one thing kept bugging me. Any time a piece needed warping, perspective, or a mockup, I had to hop over to Photoshop or Illustrator, do the transform there, export, and bring it back into Figma. Worse, once it was back, it wasn't editable anymore. One small change from the client meant doing the whole round trip again.Free Transform started as my way out of that loop. Free Transform Pro is the part I always wished I had, so the whole graphic workflow can finally stay in Figma:Plane Warp: pin artwork onto any four-point surface. Screens, packaging, signage, done in seconds. Pin Warp: drop a few pins and bend layers naturally, like Puppet Warp. Liquify: push,

There was a Slack message in our dev channel at 9am saying our new dark mode was literally unreadable.I checked the staging build and saw #FFFFFF text sitting directly on top of #F8FAFC. The front-end team had accidentally mapped the wrong CSS variable to our surface token during the handoff. We spent two hours tracking down a tiny typo in globals.css instead of actually doing our jobs.I am Alexander and I got so fed up with this that I built a plugin to fix it. It exports Figma variables directly into GitHub pull requests automatically.Now our token updates happen with a single click. We have not had a single contrast failure in staging for four months because the code always matches the design perfectly.You can try Design System Sync here:https://www.figma.com/community/plugin/1561389071519901700?utm_source=figma-forum&utm_medium=post&utm_campaign=bothttps://ds-sync.netlify.app?utm_source=figma-forum&utm_medium=post&utm_campaign=botHow do you guys catch token mapping

I’m testing SemantiDeck, a local-first Figma Slides plugin for a specific accessibility workflow problem: semantic work can disappear when a deck is exported to PowerPoint or revised later. SemantiDeck stores title, image and reading-order semantics with the Figma source, then safely patches the exported PPTX locally. It works on the native PPTX instead of rebuilding the deck, and if a mapping is ambiguous it refuses the fix rather than guessing. Current private-beta scope: slide titles image alt text and decorative state text language hyperlinks conservative reading-order changes reuse of validated semantics across later revisions Tables, charts, SmartArt and media are review-only for now. The plugin declares no external network access, and presentation content does not need to be uploaded. I’m looking for a few people who regularly deliver PowerPoint files and can test one non-sensitive deck plus one later revision. Free private beta:https://www.dropbox.com/scl/fo/y020kn01ixetb

Hello!Managing component documentation in Figma can be a very manual and repetitive process, this becomes a pain when components evolve and libraries scale.So I built Compdoc, a Figma plugin that makes it easier to add and manage documentation for your components, including usage, accessibility, content, and AI guidance.Why it matters: Structured fields make docs actually useful  Export/import your docs as JSON Page-level filtering so you're not loading 500 components when you just want to document 20 As a bonus, better component context means AI tools can actually use your design system effectively I tested it on our design systems at work and it saved a ton of time. Would love to hear what other design system folks on what's missing.Here's the link: https://www.figma.com/community/plugin/1683800404228272079/compdoc

Hi everyone! 😊 I'm currently studying UX Design and recently applied for my first UX/Product Design role in the gaming industry. One of the application challenges was to create a poster introducing myself and showing what I bring to the table. I designed the poster from scratch in Figma and went for a mix of editorial/magazine design and gaming UI, since gaming is a huge part of what originally made me interested in creating digital experiences. The character image was created with AI based on my Fortnite character, but I designed the rest of the poster myself in Figma, including the layout, typography, hierarchy, UI elements, graphics, and overall composition. This was also a little outside my usual UX work, and I ended up having WAY too much fun making it. 😂 I'd really love feedback from other designers! What catches your eye first? Does the visual hierarchy work? Is there anything you would have approached differently? I'm still building my portfolio and learning, so I'm especiall

Hi! At Software Mansion, we've just released Pulsar for Figma, a plugin that lets you add haptics directly to your Figma designs.How does it work?  You can select a layer, attach a haptic preset, and preview it while you're working. If you want to see how it actually feels, you can connect your phone and play the pattern on a real device, using a free Pulsar app available for iOS and Android.The plugin includes 200+ presets, and you can search and filter them by name, tag, category, or platform.You can also share an interactive preview with your team and export the haptic pattern and implementation details for development.And if you need something custom, you can create your own pattern in Pulsar Studio and use it in the Figma plugin.We've been using it to keep haptics closer to the UI instead of having them live in a separate document or ticket.You can test the plugin for free for 14 days here: https://www.figma.com/community/plugin/1636329411590799509/pulsar-hapticsAnd if you want to

Hello everyone! I've built a small plugin called 'Dev-Handoff Annotator' to make measuring spacing and adding notes easier during design handoffs. I am a new developer, so I would really appreciate it if you could try it out and give me some feedback to improve it further.Link: Dev-Handoff AnnotatorThanks! 

Our free plug-in is designed for designers to receive AI coaching on the spoken presentation alongside their slides or frames.It lets you iterate, edit and improve your script. Even with a spoken feedback option.It is very much an educational tool, and you need to set aside the time to be able to present your work and record your voice. We think it's super helpful and would love your feedback.https://www.figma.com/community/plugin/1647613618742509370/worried-presenter We would like to know what you find useful, what you think is a blocker, and any ideas that would make it even more useful for designers? There is a feedback form link in the plug-in. thanks x

I've been looking into recurring Smart Animate failures caused by structural issues such as mismatched layer names, hierarchy/path differences, or ambiguous matching.I built a small local proof-of-concept that scans Smart Animate transitions before preview and flags common structural matching risks.What it would do:identify Smart Animate transitions automatically compare source/destination layer names and hierarchy flag duplicate-name / ambiguous matching risks show an issue list so you can jump to the suspicious layers run locally and read-only, with no file uploadWhat it would not claim to do:fix every Smart Animate problem diagnose Figma runtime/rendering bugs replace preview/testingPrice I’m testing: $18 one-time.This is still a concept/prototype validation, not a finished public plugin.Which best describes you? Please reply with 1, 2, 3, or 4:I actively use Smart Animate and would seriously consider buying this for $18 one-time I actively use Smart Animate, but $18 feels too high

“Figma allows us to create a branch from each file, but this limitation makes it difficult to manage complex design workflows especially for teams working on large design systems.”I’ve read few topic which talk about the issue recently most of the time and there is no alternative solution which can help us unless we purchase the Figma Professional or Organization plan So i’ve created a plugin “GitLayer” its a Git Version control system within the Figma. Anyone can use it its freeClick Here

  Hi, I had a problem with keeping track of drift betwen design and components and wanted an easy to search for my actual code components in Figma Make so I created a Plugin.  It supports:Text and Visual Component Search Local and hosted Storybooks Figma Make MCP Support  Diffing Designs with Actual Implementations    Plugin: https://www.figma.com/community/plugin/1602918953997015259  Docs: https://docs.scrymore.com/guide/figma-plugin  I'm one person building this and I read every reply so tell me what you think!

I built Display Ad Check for the last pass before a Google display banner handoff. Select your frames in Figma and it checks the dimensions and measures the PNG and JPG export weights.In my test set, it caught a 300×251 banner that should have been 300×250, and a 161 KB PNG that came in at 89.8 KB as a JPG.It checks five frames at a time for free. The $4/month plan adds unlimited frames, a check for missing recommended banner sizes, and a copyable fix list.Display Ad Check on Figma CommunityIf you try it on a real banner set, I’d be interested in whether it catches anything useful—and what you still have to check by hand.