Showcase Your Work

SSM College Admission 2027 – Begin your academic journey at Srimathi Sundaravalli Memorial Arts and Science College, one of the preferred arts and science colleges in Chennai. Explore a wide range of undergraduate programmes, experienced faculty, and career-focused learning opportunities to build a successful future. Apply for SSM College Admission 2027 and take the first step towards achieving your academic and career goals.

Hi everyone. I built Slimline because Figma's export has no WebP or AVIF option, and the compression plugins I tried put export behind a subscription. What it does:Exports WebP, AVIF, JPG, or PNG from any selected layers Keeps each file under a size you set Shows a before and after preview at 100% Runs on your computer, with no account and no server It's free: https://www.figma.com/community/plugin/1685398335415882876/slimline I'd value feedback from anyone who exports images for the web. What's missing for your workflow?

Hi everyone! I've just released Dimnote, a free plugin that adds real-world dimensions to your designs.https://www.figma.com/community/generative-plugin/1687868792745109884/dimnote I made it because I plan my own home projects in Figma, and drawing every dimension line by hand was the slowest part.How it works: Select one or more layers Pick units (mm, cm, m, in, ft) and a scale Click Auto, or choose a side The dimensions are normal Figma layers, so you can restyle them to match your drawing.I built the whole plugin with Figma Agent, which was a fun experiment in itself.I'd love feedback: what's missing for your workflow?  

Putting a design onto an angled or foldable device screen usually needs Photoshop. Here’s how to do it without leaving Figma, using the Free Transform plugin.What you needA device mockup image (foldable, tilted, anything) The design or screenshot you want to place on itStepsDraw a shape over the device screen with the Pen tool, one point per screen corner. An open foldable needs 6 points; an angled one needs 4. Select the shape and open Actions (⌘K / Ctrl+K), then run Free Transform. In the plugin, choose Fit to Quad. Click your design. It’s warped onto the shape with correct perspective, and the preview updates live. Export as Image or Vector, or come back later and re-edit.TipsPlace the shape points exactly on the screen corners for a clean edge. Keep your design at the same aspect ratio as the screen to avoid stretching.Free Transform is free on Figma Community. Fit to Quad is a Pro feature (Early Bird up to 50% off until Nov 30).👉 Plugin: https://www.figma.com/community/plugin/164

Figma’s native transform is affine only, so true perspective (moving each corner independently) usually means a trip to Photoshop. Here’s the in-Figma workflow I use, plus a quick timing comparison.The usual round-tripSelect the frame → Copy as PNG (⇧⌘C) Paste into Photoshop → Free Transform (⌘T) → right-click › Distort → drag the corners → Enter Right-click the layer › Copy SVG → paste back into FigmaIt works, but the result comes back as an image fill, so text and colors are no longer editable.Doing it inside Figma with Free TransformSelect the frame or layer you want to transform. Open the Actions menu (⌘K) and run Free Transform (or Plugins › Free Transform). Choose Distort (or Perspective) from the mode dropdown. Drag the four corners in the plugin preview. With Live Preview on, the result updates on the canvas as you drag. In Output, choose Vector (or Image), then click Export. The result is placed next to your source as vector paths, so you can select a text path and change its

I've been building a library of website templates in Figma called Moirai. Each one is a full multi-page site for a type of business, such as financial advisers, estate agents or software companies. Colours, type and spacing are set up as variables, so changing the brand in one place updates the whole file.Each template has desktop and mobile designs, and opens on a Start Here page that explains how the file is organized.Each template also comes as a coded site, for anyone who'd rather start from code than build from the design.

Hi everyone! I design interfaces and build them myself, and I got tired of copying values from Figma into my Tailwind theme after every change. So I made tailwind-dictionary, a free open-source CLI.How it works:In the Variables panel, right-click a collection → Export modes. Figma gives you one *.tokens.json file per mode. Point tailwind-dictionary to those files in one config.json. Run npx tailwind-dictionary and get a Tailwind CSS theme: colors, radii, spacing, fonts. Light and Dark modes become themes that switch with data-theme.References between variables are resolved, color objects become hex, and numbers get units, so rounded-4 is exactly 4px like in the design.You can try it without installing anything: paste your own Figma export into the playground and see the theme and a light/dark preview. Everything runs in the browser, your tokens aren't sent anywhere.The design system I built it for is free in Figma Community too: styles and components.Links: GitHub · How to export varia

A QA ticket came in yesterday saying our secondary buttons looked muddy on staging.I checked the codebase and found a weird hardcoded rgba value instead of our updated surface-muted token. The front-end team was just manually copying hex codes from Figma inspect mode again. Our tokens.json file was three weeks behind our design files. It happens every single sprint when things get busy.I got fed up with chasing these sync issues so I put together a tool to automate the handoff. I am Alexander and I created Design System Sync.Now whenever we tweak a variable in Figma, it just opens an automatic pull request directly in GitHub with the exact CSS diff. It completely killed the endless "is this the latest hex code" Slack threads.You can try the plugin 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 stop develope

Hey everyone 👋 Quick share: I made a Figma plugin called Turbo PDF Exporter & Compressor that exports compressed PDFs without leaving Figma. The idea came from my own annoyance. An image-heavy file would export at 50-100 MB, and then I'd be uploading it to some online compressor and crossing my fingers that the links and quality survived. With the plugin you pick your frames, choose a DPI (72 / 150 / 300) and export. On one of my own files it went from 61.3 MB to 16.4 MB, so about 73% smaller. Files with fewer images can drop even more, even up to 90%, but it really depends on the file. It also keeps links clickable, embeds fonts, lets you reorder pages, and runs locally, so nothing leaves your machine. There's bleed, crop marks and CMYK in there too if you do print stuff.Free version gives you 10 exports with the Pro features, then those are paid.Plugin: https://www.figma.com/community/plugin/1591036283049218597/turbo-pdf-exporter-and-compressorMore details: https://www.sonicwork

Hey everyone 👋 Exporting PDFs from Figma has always been slow and heavy for me. A file with a lot of images easily ends up at 50-100 MB, takes a while to export, and then I'd have to run it through an online compressor and hope the links and quality survived. So I built a plugin that exports compressed PDFs directly inside Figma: Turbo PDF Exporter. You open it, it picks up all your top-level frames, you sort them how you like, choose a DPI preset (72 / 150 / 300 / 300-prepress), and export. What it does:compresses your PDF by up to 90% while keeping vectors sharp exports multi-page files quickly, and Figma stays responsive while it works adds bleed (mm, cm, in) and automatic crop marks for print-ready files converts to CMYK, RGB, or Grayscale, with DPI presets (72, 150, 300, 300-prepress) sorts pages by name, layer order, or visual layout or custom order keeps your prototype links clickable, with optional link outlines embeds fonts so the PDF looks the same everywhere password-protec

Figma’s built-in layer blur spreads the same amount in every direction. Real motion blur needs a direction and a trail, and it’s sharp at the front and fades out behind. Most people end up in Photoshop or After Effects for that, then export and re-import every time the design changes.Here’s how I do it inside Figma with Motiv Blur, a plugin I built.What you need: any layer, group or frame (a product shot, an icon, text, an illustration) and the Motiv Blur plugin. Step 1: Select your layerClick the object you want to put in motion. Any layer, group or frame works. Step 2: Run Motiv BlurOpen Actions (⌘/Ctrl + K), type Motiv Blur and press Enter. The plugin opens with a live preview of your selection. Step 3: Tune the blurWith Live Preview on, the canvas updates as you drag:Angle: the direction of motion Distance: how long the trail is Tail size: shrink the tail for a sense of depth and speed Tail / Head clarity: fade the trail out, keep the front crispYou can also drag the TAIL and HEAD

Hi everyone. I'm the maker of Photogma, a solo side project. Full disclosure: it's paid, with a free tier (details below).I built it for Figma designers who still receive PSDs and don't want to rebuild them by hand.The first two images are listing illustrations made from a demo file (a made-up serum ad): the headline comes in as a Figma text layer, gets rewritten, and goes back to PSD still as text. PSD/PSB → FigmaText: font, size, tracking, leading, mixed styles, point and paragraph text; rotated text stays editable Shapes: live rectangles (with per-corner radius) and ellipses, pen paths, gradient fills, dashed strokes Layer, clipping and group masks, plus vector masks on shape layers; blend modes Figma also has (others, like Dissolve, fall back to Normal); each artboard as its own frame Drop/inner shadows become Figma effects; color/gradient overlays become fills on text and shapes and are baked into image layers; glows are approximated with shadows Layer-style strokes become editabl

I built a VectorStock plugin for Figma—would love your feedbackHi everyone! I’m a Figma user and part of the VectorStock team. I’ve been working on bringing our SVG vector library into Figma, and I’m happy to share the new plugin with you.It lets you search for illustrations, icons, logo elements and other editable artwork, then add them directly to your Figma file. There are 1M+ free SVGs, alongside a larger collection of paid assets.You can search with keywords or describe the subject, style and colours you have in mind using AI-powered search. This helps you find existing artwork, which you can then recolour, resize and customise in Figma.Try VectorStock for FigmaHopefully it’s useful in your workflow. I’d love to hear what you think—particularly anything that feels awkward, features you’d like added, or ways we could improve the search. We’ll do our best to take your suggestions on board.Thanks for taking a look 🙂 

Hi everyone. I built Sourceline because Figma shows a component's variants, but not which of your team's files use it. People have asked for this in Suggest a feature since 2021: https://forum.figma.com/suggest-a-feature-11/see-where-component-is-used-find-component-instances-across-files-17758 Sourceline is a widget you place next to a main component in your library file. It shows:How many team files and instances use the component Which of those files are active, quiet, or inactive A High, Medium, or Low impact badge, before you publish a change Every file that uses it, latest edit first, with its Dev Mode statusYou set it up once per library file. Results are saved in the file, so teammates see them without signing in. Later scans read only the files that changed.Two limits to know: the first scan takes about 4 minutes for every 60 files, because of Figma's API rate limit, and instances nested inside other instances are counted where their main component lives.It's free: https://www

Putting a design onto a tilted laptop or phone screen usually means leaving Figma: export, open Photoshop, Free Transform, export, re-import… and repeat every time the design changes.Here’s how I do it now without leaving Figma, using a plugin I built called Free Transform.What you need: a mockup photo, your design (any frame or image on the canvas), and the Free Transform plugin.Step 1: Draw the screen shapePick the Rectangle tool (R) and draw a rectangle roughly over the laptop screen. Double-click the rectangle (or press Enter) to edit its points. Drag each of the 4 corners onto the matching corner of the screen in the photo.You now have a 4-point shape that follows the screen’s perspective.Step 2: Open Free TransformKeep the shape selected, open Actions (⌘ / Ctrl + K) → Plugins & widgets → Free Transform.Step 3: Fit to Quad, then click your designIn the Transform tab, click Fit to Quad (next to Distort). The button changes to “Select a top object…”. Now click your design on the

Hi all, I built this plugin for a problem I kept running into: a file’s variable bindings point to the wrong collection. For example a duplicated project still linked to the original client’s library, a library that got restructured, or a file that should stop depending on an external library.Variable Relink repoints variable and explicit mode bindings from a Source collection to a Target collection (local or from a library), across the current page or just your selection. It matches by exact name (and type for variables). Anything it can’t match safely is not guessed: you get a report split into what relinked automatically, what needs a manual pick, and what can’t be fixed from the plugin. A full Revert is one click away.Good to know: it works per page or selection (not the whole file at once), it handles bindings on layers (it does not edit styles), and it makes no network requests.Free: https://www.figma.com/community/plugin/1675171359714547127/variable-relinkI’d love feedback, espe

Your brand library is in Figma. So is the latest approved campaign.Your team knows where to find the right logo and who signed off on the design. Then you’re asked to turn that work into a printed brochure.If you’re a small team, “just use InDesign” can mean getting another software purchase approved and finding someone who knows the tool. You already have Figma seats, and the designer doing the work is comfortable there.There’s also the second set of assets to maintain. Figma is your source of truth: the place your team keeps the approved brand assets. Moving to another layout tool means deciding which files to bring over and keeping track of later changes.We think teams should be able to keep that starting point. The missing pieces show up when the design needs print setup or starts behaving like a publication.I’m part of the team behind Printery. We started with Printery for Figma in 2025, adding print setup and export options such as bleed, crop marks and CMYK output. Other print p

Free Figma Plugin ‘Frame Name Control’Hi everyone,When you review a layout or share your screen, the name labels above frames ("Frame 1", "Frame 2", and so on) can get in the way. I made a free plugin for Figma that hides them with one click. Click again, and the original names come back. 🔗 Community page: https://www.figma.com/community/plugin/1688801901935556430 What it does  - Hides frame name labels on the canvas and restores them with a second click  - Remembers the original names, even after you close and reopen the file  - Works on the current page, all pages, or only the layers you select  - Adds a Hide/Show Frame Name button under Tools in the right panel after the first run  - Runs from a keyboard shortcut such as ⌥⌘F on macOS, after a one-time setup in System Settings (the plugin window shows the steps) I'd love to hear how it works in your files and what you'd change. 🤗

Hi everyone, I'm the developer of Chart Studio. I built it for the point in dashboard and presentation work where sample charts need to become charts from real data.Choose a chart, paste a table or import CSV/JSON, adjust colors, fonts, labels and axes, then insert vector output with optional native Figma text layers. For example, turn monthly revenue data into a grouped bar chart and match it to your dashboard's palette.The 12 free chart types include line, area, bar, pie, donut, scatter and radar. These support unlimited insertion, no watermarks, and standard SVG, PNG and data exports.There is also an optional one-time Pro purchase on Gumroad. It unlocks all 43 chart types, including Sankey, treemap, heatmap and waterfall, plus XLSX and public Google Sheets imports, PDF and offline interactive HTML exports. The free chart types do not require a license.A few practical limits: insertion creates a new chart rather than overwriting the existing one. Online imports are one-time imports,

Hi everyone — I'm the developer of Sketchbridge, a Figma Design plugin built around the open-source Excalidraw editor.I made it for the early stages of product work: sketch a user flow, wireframe or journey map, then keep working with editable objects in the design file.One example is the free Signup flow template. Open it in the plugin, change the steps, labels and colors on the canvas, click Done, and choose Apply to Figma. The result contains native text and vector paths that you can adjust in Figma.There are 18 free original templates covering brainstorming, user flows, wireframes, journey maps, planning and architecture. Canvas editing is also free; no purchase is required to use those templates.For transparency, there is an optional $9.99 one-time pack of 12 additional templates for SaaS, AI workflows and workshops. Free and paid templates use the same editing and conversion tools.Current limits: this works in Figma Design. Arrows become vector paths and won't reconnect automatic

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