Showcase Your Work

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'm a solo developer and this is actually my first Figma plugin, so I'm pretty excited to finally share it with the community.While exploring Figma Motion, I started thinking about how motion could be managed more consistently inside Design Systems.That's how Kinetik came about , it’s a free plugin for creating and organizing Motion Design Tokens without having to set everything up manually.It helps you:Create duration and easing tokens Generate structured Figma Variables Build a reusable foundation for your Motion Design System Export your motion tokens as JSON or CSS variables, making it easier to bring the same motion values from Figma into codeKinetik is completely free, and I'm still working on it and improving things as I go.If you give it a try and find it useful, I'd really appreciate a like on Community and any feedback or ideas you have :)Kinetik — Motion Design Tokens:https://www.figma.com/community/plugin/1677245855050443527/kinetik-motion-design-tokens   

 I design in English and ship in Arabic, and got tired of rebuilding every screen by hand. Tried the existing plugins first — none of them held up on a heavy design system or did quite what I needed, so I wrote my own.It flips a screen to RTL and writes Direction variants into your own component sets - no detached copies, your library stays intact. Built for heavy design systems: cancellable, reports what it did, and tells you what it skipped so you can override it.Creating variants edits your components permanently, so duplicate the file first.Free trial. If anything breaks on your mockup, tell me and I’ll be glad to fix it.

The lead developer asked me if radius-md was supposed to be 6px or 8px. I froze because I knew our documentation was three weeks out of date.We had just overhauled our entire spacing system in Figma. I thought everything was perfectly organized. Then I checked the repository. The developers were still typing out 8px everywhere because the JSON token file never actually got updated. We were basically speaking two completely different languages.So I put together a tool to push Figma variable changes straight to GitHub automatically.Now a single click in Figma generates a pull request with the exact W3C token diffs. It completely eliminated our dedicated token handoff Slack channel and saved us hours of manual updates. I am the creator of this tool and it is honestly a massive relief to use.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=figm

Hi! I recently made a small free Figma plugin called 이음 (Korean Word Wrap).When working with Korean text in Figma, words can sometimes break in the middle when the text wraps.For example:디자인시스템 → 디자인시 / 스템컴포넌트 → 컴포 / 넌트On the web, this is usually handled with CSS word-break: keep-all, but Figma does not currently provide an equivalent setting that works well for Korean text. So I made 이음.Instead of inserting manual line breaks, the plugin keeps Korean words together so the text can still reflow naturally when the text box is resized.It also preserves existing formatting such as font, size, weight, color, links, and lists. You can revert the text back to its original state at any time.It is completely free, with no sign-up or usage limits. Figma Community:https://www.figma.com/community/plugin/1677207579199208093/korean-word-wrapIf you work with Korean text in Figma, I’d love to hear whether it helps and about any edge cases you run into. ---안녕하세요! 최근 이음 - 한글 단어 줄바꿈 (Korean Word Wrap)이라

Hi everyone, I’m Nicki. I’m a designer and art director, and I’ve spent years working on large campaign rollouts.One part of the job has always driven me mad: taking approved artwork and manually rebuilding the same campaign across endless banner and social sizes.So I built Flexlio.It’s a plugin that works inside Figma Design. You start with one to eight approved masters, choose the sizes you need, and Flexlio builds the campaign for you. It rearranges the artwork for each format rather than simply stretching it.Every generated frame remains fully editable. When the inevitable last-minute change arrives, you update the masters and sync the changes across the campaign instead of correcting every size individually.It also supports CSV and Excel media plans, custom sizes, social safe zones, A/B variants, automatic naming and campaign filing.I built Flexlio from scratch around the way designers and production teams actually work. Your artwork stays inside Figma and Flexlio doesn’t upload o

Hi everyone, I’m sharing a motion study I built for HELIOX.The sequence combines orbital light, a particle starfield, staged typography, and a magnifier moving across the capsule. I focused on the transition from the opening sequence into a quieter ambient scene.I’ve packaged the cover, opening animation, and ambient scene into a focused Figma Community file. The opening uses Figma motion keyframes; the ambient scene includes an embedded video and optical overlay.In the Figma file, open 02 — Motion and present HELIOX — Play Motion. The web demo also includes replay controls; its timing may differ from the Figma prototype.I’d love feedback on the pacing, text readability, and the transition into the ambient motion.Open the Figma Community fileWatch the live web demo

Convert public or private pages from web to Figma designs.Get the official Chrome Extension:https://chromewebstore.google.com/detail/lcbapmgigajdpechghjnkbaidfhenbhlUse the browser extension to capture pages you can access in your browser, import them into Figma, and rebuild them as an organized design foundation withstyles variables auto layout high resolution imagesIf you encounter issues or want to share feedback use my public issue tracker:https://github.com/evgeniiarts/web-import-masterDemo: https://youtu.be/Ms3HrUkAosc 

Hi Figma Community — I’m building Layer3D, a free Figma plugin that turns selected frames into editable 3D scenes in the browser.Below is a direct before-and-after example using the same UI kit.BEFORE — flat UI kit in FigmaAFTER — editable 3D scene in Layer3DHOW LAYER3D COMPARES JITTERJitter is a strong choice for fast, polished 2D motion design. It imports Figma layers, offers animation presets plus timing and easing controls, and exports formats such as MP4, WebM, GIF and Lottie. I would choose Jitter when the goal is a UI animation, social post, product demo or motion graphic and I do not need a real 3D scene. Layer3D focuses on a different step: converting the visual hierarchy of an existing Figma design into a spatial composition. I would choose Layer3D when I want to separate interface layers in depth, move a camera around them, add lighting and materials, and create a dimensional product visual without rebuilding the design in a traditional 3D tool. FIGMA MOTIONFigma Motion is t

Update rather than a second launch: BatchPDF now supports Figma Buzz in the same plugin used for Figma Design.The current workflow can export selected frames, components, instances and Buzz assets. Before export, the page organizer lets you review the selection and drag pages into the order needed for the final PDF.The latest version also improves font handling. BatchPDF can detect installed fonts and Adobe Creative Cloud fonts where licensing permits embedding. When a font cannot be embedded safely, Smart fallback protects the visual result instead of making a universal text-preservation promise.Current highlights:- Figma Design and Figma Buzz in one plugin- Drag-to-reorder page organizer- Print, Balanced, Small File and Custom export controls- Acrobat viewing-mode options- Selectable/searchable text where supported- Clean vector artwork can remain PDF objects- Smart appearance fallback for unsupported fontsThe free plan includes five successful exports, with up to 100 pages in each e

If you have a PSD/Figma file that usually gives converters trouble, I’d love to know what breaks.

AI-assisted product UI often fails before styling: the primary task is unclear, every region becomes an equal-weight card, important interaction states disappear, decorative visuals have no product role, and mobile becomes a compressed desktop layout.I built Product Design Director, a free and open-source Custom Skill for the Figma agent. Invoke it with /figma-product-design-director.It asks the agent to work through product context, hierarchy, task-led layout, visual-system decisions, component states, responsive priority, interaction, motion, accessibility review, and a final critique.The critique format is intentionally practical:Observed condition → user impact → smallest reasonable revision → recheck the complete flow.I also ran one controlled paired example using the same starting frame, brief, target frames, and visible runtime configuration, with Skill invocation as the planned variable.The result was mixed: the Skill-assisted desktop preserved the supplied content more faithfu

Hi everyone! I just released my first plugin and wanted to share it here.Web Behavior Preview opens a Figma page as a real scrolling webpage: sticky headers pin and stack under each other, sidebars ride along with the content (the Airbnb-style pattern that native sticky can't do), bottom bars push each other up, and the clicks, hovers and overlays you already wired in the Prototype tab come along. One button exports the whole thing as a single self-contained HTML file you can send to a client instead of explaining the behavior in words.Free, no network access, nothing to configure.Plugin: https://www.figma.com/community/plugin/1676379978276045790/web-behavior-previewPlayground file to try it on: https://www.figma.com/community/file/1676368484360559450Would love feedback — especially if you hit a layout where it guesses the behavior wrong. 

Hi everyone,I recently published a Figma plugin called DesignPorter.The idea came from a problem I kept running into while working with design systems: exporting variables is useful, but a real design system is more than a list of raw values. It also includes modes, aliases, styles, bindings, and the relationships between them.So I built DesignPorter to make design systems more portable.It can currently:Export Figma variables and supported styles as structured DTCG JSON Preserve supported modes, aliases, and bindings Import a DesignPorter JSON into another Figma file and rebuild the supported structure Export an AI-ready design.md containing tokens, styles, modes, relationships, and usage guidance for coding/design agents Run locally without sending design-system data to an external serverI’m a Product & Brand Designer working in DesignOps, not a traditional software engineer. The original concept, product direction, UX, and brand were created by me, and I used AI as a development

Hi guys now i’m working on built the plugin for documentation design system, so you can just select component and click generate and voila!!, design system now is documented. I want to know do you guys want to try the plugin?, Or perhaps you have any suggestions? 

Figma native export: 22.7MB → Featherweight: 4MB I’m a frontend developer based in Korea, and I work closely with designers who use Figma every day.I also use Figma myself for things like portfolios and other document-heavy layouts, and one thing that kept bothering me was PDF export. Even relatively simple, text-heavy files could end up surprisingly large.Since I’m a developer, I got curious and took a closer look at the exported PDFs. I found that a lot of the file size came from image handling and from Figma converting text into vector outlines instead of embedding the actual fonts.I tried a few existing PDF export and compression plugins, but many of them were paid, subscription-based, or had limitations that didn’t quite fit what I wanted.So I ended up building my own.Featherweight exports PDFs with real embedded and subsetted fonts where possible, keeping text selectable and searchable instead of turning everything into outlines. It also compresses images along the way to reduce

I've been designing in Figma for about ten years and I still don't name my layers. Last week I opened a file I made myself and the panel was Frame 234, Group 12, Text 4, Rectangle 89. So I built a plugin instead of fixing my habits, and I've just published it. It's free. It does three things. 1. Renaming. Text layers become "Role: Content" - Heading: Authentic BBQ Experience, Button: View Portfolio, Link: Privacy Policy. The role is not parsed from the existing name, it comes from structure: Link from Figma's own hyperlink property, Button from sitting inside a small rounded auto-layout parent, Heading from 28px or larger, Subheading from 20-27px, Label from three words or fewer, Body for everything else. Frames, groups and sections take the first text found inside them in reading order. Containers with no text anywhere inside are left alone rather than guessed at. Component instances keep their component-based names, so your design system stays recognisable. Scopes are selection, page

What if your Figma file was the actual source of truth and the codebase just auto-followed?I am Alexander and I created a plugin to test this idea after our team spent three weeks arguing about spacing tokens. Someone kept using 16px in the React components while the design system clearly said our spacing-md was 12px. The manual translation between our local variables and the GitHub repository was causing constant friction.So I made a tool that just pushes Figma variables straight to a pull request.That one change deleted an entire Slack channel dedicated to UI bugs. It also saved us roughly four hours of manual code reviews every single week.You can grab Design System Sync on Figma Community: https://www.figma.com/community/plugin/1561389071519901700?utm_source=figma-forum&utm_medium=post&utm_campaign=botCheck out the website here: https://ds-sync.netlify.app?utm_source=figma-forum&utm_medium=post&utm_campaign=botHow do you currently spot drift between your Figma varia

So I took the absence of figpals into my own hands and gave one of them a facelift.Dis Dennis.

Hi Figma community,I’m a product designer and I built Source → Design after repeatedly running into the same workflow problem:AI tools and frontend teams can create a working interface in HTML or React very quickly, but bringing that result back into Figma usually means rebuilding it manually.Source → Design converts HTML and frontend project files into clean, editable Figma designs with structured layers, text, colors, typography and layout preserved.It supports HTML, React, Next.js, Vue and Svelte projects.The goal is simple: make it easier to keep iterating in Figma when the interface already exists in code or the original Figma file is missing.I’d genuinely love feedback from designers and frontend teams using real projects.→ Try it here:https://www.figma.com/community/plugin/1671982756700161071→ More details:https://sourcetodesign.com

Hey everyone — I’m the developer behind Shape Forge 3D, a local 3D design studio built directly into Figma.It started with a simple frustration: I wanted to turn an SVG, logo or a piece of type into a polished 3D visual without opening Blender, sending assets to a renderer or rebuilding the same thing in another app.With Shape Forge 3D, you can start from a built-in shape, icon, your own SVG or custom text — then turn it into an art-directed 3D object right on the canvas.You can create:• extruded SVG logos and symbols• chrome, glass, gummy, clay and holographic 3D icons• 3D typography, Y2K titles and dimensional lettering• custom 3D objects from your own vector shapes• 4K transparent PNG renders for presentations, campaigns and social visualsThe latest update adds 2,929 curated SVGs across 11 libraries, including Y2K+, Brutalism, Retro Future, Blobs and Line Art — plus your own persistent SVG library and direct vector import from the Figma canvas.Everything is processed locally: no clo

Right now, it contains five utilities I originally built to solve problems I kept encountering in my own design work:Normalize inconsistent property values Add controlled variation Build components and variants Distribute layers along paths Save and restore selectionsIt’s meant for the small jobs that shouldn’t eat an afternoon. I’d really appreciate any feedback re: what feels useful, what feels confusing, what just doesn’t seem to be working, or what repetitive Figma tasks I should tackle next.[ Aaron's Toolbox in the Plugin Store ]Playground:  

Hi everyone — I just published my first plugin and would love your feedback. **html2figma** converts a dropped .html file into native Figma layers: - Real text layers with font family, weight, size, line-height, letter-spacing and alignment- Fills, linear/radial gradients, borders, per-corner radii, shadows and blur- Inline SVG imported as editable vectors- Pixel-faithful positions read from the browser's rendered layout — flex, grid, floats all land exactly- A tidy layer tree: wrapper divs collapsed, layers named semantically (Section, Button, or by text content)- Full RTL support — tested on complete Arabic pages Privacy: everything runs locally in the plugin; your file is never uploaded. Tip: to import a live site, save it with the SingleFile browser extension first, then drop the file. Direct URL import is on my roadmap, along with batch import. Install: https://www.figma.com/community/plugin/1668745510469345388Site: https://html2figma.com I'll be in the comments — bug reports and

Lately, I've been pushing myself to explore what's possible with Figma Motion and see just how far I can take animations without leaving Figma.I recently came across a really smooth WhatsApp animation and thought, why not recreate it? So I challenged myself to build it from scratch, paying close attention to the timing, easing, and micro-interactions.It's been a fun way to learn, experiment, and sharpen my motion design skills.How do you think it turned out? 👀Check it out!I'd love to hear your feedback!

Hi everyone 👋I’m Hà, a graphic designer who works in Figma every day.Whenever I wanted to add a real sense of speed to a poster, product visual, typography piece, or social graphic, a regular layer blur was rarely enough. I needed a trail with a clear direction—sometimes straight, sometimes curved—and usually ended up switching to another tool just to create it.So I built Motiv Blur.Motiv Blur lets you turn almost any layer, group, or frame into a customizable motion trail without leaving Figma.How it worksSelect a layer, open the plugin, then drag the TAIL and HEAD handles to control the direction and length. Bend the path using Bézier handles, adjust the look of the trail, and click Apply.What you can control Straight or curved trails — shape the motion using an editable Bézier path Direction and distance — drag the endpoints or enter exact values Tail and head size — scale the trail from 10% to 200% Tail and head clarity — create an even trail or gradually fade either end T