Showcase Your Work

Tint and Shade Generator As someone who works on design systems, I kept wasting time on something that should be instant: generating a full color palette from a single base color.The Real ProblemHere is what building a color palette actually looks like without a proper tool:You pick a base color You manually create 8 to 10 lighter and darker variations You eyeball the steps and hope they look consistent You create each color style in Figma one by one A week later the brand color changes and you redo all of it Your design tokens are now out of sync with what is in FigmaThis is the part of design system work nobody talks about because it is unglamorous. But it eats real time.What the Plugin Actually DoesOne thing that is different: it does not just show you the colors. It creates the Figma color styles for you in one click. You go from a single hex value to a complete, named, production-ready palette inside your Figma file without touching the styles panel.Everything else:Color MathTints

Hey everyone, sharing something I built because I kept running into the same frustration.A11y - Smart Color Contrast CheckerEvery contrast checker I tried would flag a failure and stop there. I'd spend 10 minutes manually tweaking lightness until something passed WCAG AA.So I added one thing to solve that: when your color fails, the plugin shows you the nearest passing color and lets you apply it in one click. Same hue and saturation, just enough lightness adjustment to cross the threshold.Everything else is pretty standard:Auto-detects the actual background behind your text (handles nested frames, auto-layout, overlapping layers) Shows exact contrast ratio with AA and AAA pass/fail Exports a report frame to your canvas with hex values and compliance badges for handoffIt's free, no account needed.Would genuinely appreciate feedback from anyone who does accessibility work regularly. What's missing? What would make this more useful in your actual workflow?[Plugin link]

As someone who designs primarily in Figma, I often faced the frustrating choice: compromise on print quality or break my workflow to use InDesign. Print Layout plugin solves this dilemma by bringing professional print capabilities directly into Figma. The Real Problem It Solves Here's the situation many Figma users face: You create beautiful designs in Figma, but when it's time to print, you either:Export a basic PDF and hope for the best (often disappointed) Learn InDesign just for print prep (time-consuming and expensive) Outsource the print preparation (costly and slow) Print Layout eliminates this workflow break. What Print Layout Brings to Figma Professional Print SetupFinally, you can create proper print documents in Figma with margins, bleed, and crop marks. Business cards, flyers, and posters now have the same professional setup you'd expect from dedicated print software. CMYK Color ControlThis is the game-changer. See how your RGB colors will actually print, and adjust CMYK va

I realised I was wasting the first 15-20 minutes of every single project just typing out "Cover", "Wireframes", "Handoff", and making those little --------- divider pages.So I built a free plugin called File & Page Template Creator to speed up this processWhat it does: Extract & Save: You can take a file structure you already use and click "Save current layout" to turn it into a reusable template. 1-Click Setup: Open a blank Figma file, pick your saved template, and it instantly generates your entire page structure. Defaults included: I included a few standard templates like an Agency Handoff and a Jira Epic Tracker to get you started. 🔗 Here is the free community link: https://www.figma.com/community/plugin/1604649360345670631I'd love to hear your feedback or if there are any specific page structures your team uses that I should add to the defaults!

Hi all,I built UX ContentHub, a plugin for design and content teams who manage multilingual content through Figma Variables — especially when Team Libraries are involved.The problemFigma Variables are a great foundation for multilingual design systems. The hard part is what comes after: scattered local collections, inconsistent translations, no shared structure. UX ContentHub turns that chaos into a workflow — from auditing and consolidating your local variables, all the way to publishing and maintaining a centralized string library across your entire design system.Three core capabilitiesScan & Create — Select any frame or page and convert existing text layers into structured string variables in bulk, automatically reusing existing library and local variables where possible. No manual copy-paste, no missed layers.Collection management — Audit your local variable collections: spot duplicates, orphaned variables, incomplete translations across modes, and get a health score for each c

Guys check this project out and tell me if there is need for any corrections guys 

Hi,I accidentally permanently deleted an important Figma design file from the Trash.I understand that normally files cannot be restored after permanent deletion, but I wanted to ask if there is any way Figma staff can check backend backups and recover it.Details:* File name:  Valor landing page* Team/Workspace: Al-amin* Approx deletion time: 02/15/2026,  9:00 PM - 9:30 PM (GMT+6)This file is critical for my work and I would really appreciate any help or guidance from the Figma team.Thank you. 

LingoLink Sync: Effortless Figma LocalizationLink: https://www.figma.com/community/plugin/1600772836480285577/lingolink-sync Stop manually copying and pasting translations. LingoLink Sync automates the tedious parts of localization by bridging the gap between your Figma designs and your favorite spreadsheet tools. Whether you're a solo designer or working with a global team, LingoLink Sync turns your text layers into manageable string variables in seconds. Key Features⚡️ Instant Design Scanner: Automatically scan your frames and convert text layers into organized String Variables. 📊 Excel Integration: Export your variable collection to .xlsx format. Add your translations in a familiar environment and import them back to instantly create switchable language modes. ☁️ Google Sheets Sync: Connect directly to a Google Sheet for real-time collaboration with translators and stakeholders. 🔄 Variable-First Workflow: Leverage Figma’s native variable modes to switch between languages (e.g., En

!--scriptorstartfragment-->Figma Wireframe Layout for Claim ExtractorFrame SettingsFrame: Desktop (1440 x 1024) Background: #1E1E1E (Dark Theme)Header SectionTitle: Claim Extractor Font: Inter, Bold, 28px, Color: #FFFFFF Subtitle: Upload an email (.eml or .msg) to extract policy & loss details. Font: Inter, Regular, 14px, Color: #A0A0A0 Upload BoxRectangle: 400px width, 80px height Fill: #2C2C2C, Border Radius: 8px Icon: Paperclip (left side) Text: Select .eml or .msg file Font: Inter, 16px, Color: #CCCCCC Below text: insurance_claim_msg_sample_1.msg (4.5 KB) Font: Inter, 12px, Color: #888888 ButtonRectangle: 150px width, 40px height Fill: #3B82F6, Border Radius: 6px Text: Extract Claim Font: Inter, Bold, 16px, Color: #FFFFFF Extracted Details SectionContainer: Fill #2C2C2C, Border Radius: 8px Heading: Extracted Details Font: Inter, Bold, 18px, Color: #FFFFFF Two-column layout: Left Column: Policy Number: P0002 Loss Date (raw): 2025-05-03 Claimant Name: Meena Iyer Rig

Today I have 4 new plugins that have been approved by the Figma community team. https://www.figma.com/community/plugin/1601803893584695089/design-taskshttps://www.figma.com/community/plugin/1602001831211544731/colorize-ithttps://www.figma.com/community/plugin/1602118052371791185/shadow-ithttps://www.figma.com/community/plugin/1602160860505052540/textorize-it Feel free to favorite them, Save them, and Use them. Also give me a follow on my Figma . com / @ JacobOlenick  as I have many more free projects coming to my community page over the coming months. 

Is your design debt officially due? 📉Maintaining a Design System is a marathon, but cleaning up technical debt shouldn't be. We’ve all been there: a deadline is approaching, and the file is a mess of detached instances, mismatched colors, and unlinked styles.I built Systemic Auditor to solve this. It’s an audit tool that doesn't just find the inconsistencies—it resolves them for you.How it works: Deep Scanning: Identify every non-compliant layer and broken text style in seconds. The Auto-fix Engine (Pro): One click to relink colors, fills, and strokes back to your library. Health Score: Watch your file go from a 0% to a 100% Health Score in under 30 seconds. 336 issues resolved in seconds. From 49% to 98% system health without the manual grind.Key Features: 🩺 Systemic Audit: Real-time visibility into your file's health. ⚡️ Bulk Relinking: Fix hundreds of style mismatches at once. 🔗 Instance Recovery: Automatically find and restore links to your main components. Get Your 7-Da

Hello everyone, The story started pretty simply.I had to give a teammate a .csv export with all the strings from a mobile app flow, so they could translate everything into another language.Technically it worked — but in practice it was frustrating.I kept having to explain where each label lives, what screen it belongs to, and what context it’s used in.A CSV full of strings without context is just… confusing.At first, I tried mapping everything to modes, but that still wasn’t abstract or stable enough.I needed something unique, something that wouldn’t change if a variable was renamed or reorganized.That’s when the idea clicked:instead of relying on names, what if each variable had a stable anchor?And that’s how anchors were born.So I built Anchored Variables . The idea is simple: each variable gets a stable “anchor” (a unique ID you can even manually control), so even if you rename a variable or move it around, the plugin can still match it correctly when you import again.What it does E

Create an A1 size architecture/furniture design presentation sheet for a furniture design project titled “LUMETRA – Where Light Takes Form.”The sheet should be clean, minimal, and professional with a strong design-studio aesthetic. Use a white background, subtle grid layout, thin margins, and modern typography.Layout the sheet in a clear visual hierarchy from concept to final product:Top Section (Header): Project Title: LUMETRA – Where Light Takes Form Subtitle: Furniture Design – Lamp Design Project Left Section (Concept & Ideation): Place ideation sketches in a neat grid. Add a small heading: Ideation Sketches Center Section (Renderings): Large, visually dominant renderings of the lamp (both lit and unlit). Heading: Digital Renderings – Lit & Unlit States Right / Lower Section (Physical Prototype): Photographs of the physical lamp prototype. Heading: Physical Prototype Bottom Section (Project Description Text):Add this paragraph in clean readable typography:“LUMETRA –

Watch wrestling online including WWE Raw,SmackDown Live, AEW, NXT, and free PPV events.Watch matches, replays & shows HD Dailymotion.Here you can watch WWE Raw online, watch WWE SmackdowHere on Watch Wrestling you can watch WWE Raw online, watch WWE Smackdown Live watch WWE online, NXT, live Free PPV Events on watchwrestling.n Live watch WWE online, NXT, live Free PPV Events on watchwrestling.Watch Wrestling Online Watch WWE Raw online, Watch WWE smackdown Live to watch wrestling in NXT, live PPV free Dailymotion.Watch Wrestling - FREE WWE Raw , WWE · Watch Wrestling Online - WWE, AEW, RAW · Watchwrestling.cc - Resources and · Watch Wrestling Online - WWE, AEW, RAW · Watch ...Read moreUS$67.00

In Present mode, the canvas sometimes moves to the left and shows a large empty space on the right. It happens randomly. Screenshot attached.

In Present mode, the canvas becomes misaligned and shows a large empty black/white space on the right. The frame shifts left despite being correctly sized.

 Hi figma-community. I’m thrilled to introduce my new plugin, JSON to Canvas Ninja,  designed to seamlessly integrate JSON data into your Figma designs and even generate designs directly from your JSON files.As a designer, I often found myself repeatedly creating numerous frames filled with text and image assets, all of which were already defined in the JSON files powering the projects. The process was tedious and time-consuming, so I set out to develop a robust and free solution to streamline this workflow—a plugin tailored to this specific use case.I’ve invested a great deal of effort into crafting this tool and would deeply value your feedback.I’m excited to share this with you and look forward to hearing your thoughts!Effortlessly enhance your Figma designs with real data using JSON to Canvas Ninja. Populate your designs with actual product content, making your prototypes accurate, realistic, and production-ready. Say goodbye to placeholder text and lorem ipsum—design with confiden

Hi Figma community, We are excited to introduce Lyra translate and go by CBG, a Figma plugin designed to make localization and translation part of your design workflow, not an afterthought.As designers, we constantly run into the same problem: designs looked great in one language, but the moment translations are introduced, layouts break, text overflows, and context is lost. Reviewing translations outside of Figma or without visual context is slow, error-prone, and frustrating.So we built Lyra, a plugin that lets you translate directly inside Figma, with full visual previews, so you can see exactly how your designs adapt across languages in real time. We’ve also enabled an export function, so you can send your translated strings for professional translation, collaboration, or production making it easy to move from design validation to global launch without breaking your workflow. We’ve put a lot of thought and industry lessons learned into building Lyra and would truly appreciate any f

Plugin Link We scan the selected frames and export the icons inside them in 11 formats of your choice.Special price of 4.99$ for the first 100 users.Why Exportify?Exportify detects icons in your selected frames and lets you export them in bulk.Supported Export Formats SVG (optimizable) PDF PNG (scale adjustable) JPEG (scale and quality adjustable) Base64 Vector Drawable (Android) Vue Angular HTML React React Native Premium PlanUnlimited exports. Lifetime access.Features Supported Languages: English, Türkçe, Español, Português, Deutsch, Français, 日本語 All exports in a single ZIP SVG optimization Smart duplicate detection Automatic naming  I look forward to your comments.

📎 Get the template on Figma Communityhttps://reurl.cc/NNRVd9 Discover one of the most useful free design resources I’ve found on Figma Community!This template file includes 50+ fully editable web UI pages, all inspired by popular products like Lovable, ChatGPT, and more. Inside the file, you’ll find:✔️ Landing pages✔️ Dashboards✔️ Chatbot UIs✔️ Real-product inspired layouts✔️ All editable in Figma For anyone who wants to study layout, recreate top product pages, or speed up their design workflow — this file is gold. The creator mentioned that all pages were generated using prompt.to.design by Superun, an AI-powered UI generator for Figma.If you want to expand the file or create similar designs, feel free to give it a try. Enjoy, and happy designing! 

Working at an agency, we regularly deal with clients who have complex audience landscapes: sometimes 15, even 30+ target groups. Keeping track of all that inside Figma can get messy fast.Quick aside: working with that many personas isn't ideal. But the reality of agency work is that clients sometimes come to you with sprawling audience definitions, and part of our job is helping them focus over time. We hope that a clear overview can support that conversation.A few things that helped us:Grouping personas by category: instead of one long list, we group persona’s by a common attribute (like their department if they work in an organization) Keeping cards scannable: just enough info to recognize who you're designing for, not full documentation Making the data portable: so you can move it between files or share it with stakeholders outside FigmaI built a widget around these ideas. It lets you create persona cards, organize them in groups, customize the fields, and import/export via JSON. Wo

With fractional units now supported by grid auto-layout, I wanted to convert my row and column-based tables to use the new grid flow. When I couldn't find a simple way to do it, I made a simple plugin :)https://www.figma.com/community/plugin/1584415464285806427/autogridifyHope this helps anyone trying to do something similar! Leave a comment if you have any questions or suggestions!

I created a plugin to enable designers to communicate the status of designs whenever a file is shared with stakeholders, so people know and understand exactly what they are looking at.Here's the link: https://www.figma.com/community/plugin/1590893303867359443/status-tags 

I made a table plugin to generate tables easily in my styled cell components using realistic mock data, and easily adjust the layout. Making a table is long. Group by column so you can adjust column width, but then how do you hide a row? Do it by row and now how do you adjust column width or change column order? Even after sorting that out, you have to go put realistic data into the cells, cell by cell. Long.I found I was mocking up at least one table a month, so I decided to build a plugin to make it easier. GenTable is iteration 3. Features:Generate realistic mock data from prompts. "15 users, half active, half pending" creates the whole table. Map your cell components once. Tell it your Status column uses your Status Chip component and it picks the right variants automatically based on the data. Switch between row and column layouts anytime. Need to adjust column widths? Switch to column layout. Need to hide rows? Switch to row layout. Same data, different structure. CSV import that

I created a figma plugin that allows you to add and delete multiple annotations in figma. Figma’s existing annotations feature does not allow users to add or delete multiple plugins at the same time and this plugin supports this functionality to enable designers get the best of the annotations feature. Here’s the link: https://www.figma.com/community/plugin/1588019164844957413/annotations-manager-bulk-delete-and-add