Showcase Your Work

Hey Figma Community!I have been working on a AI Skill+ Figma Plugin that automates the entire process of Design Token creation in Figma. This product can create enterprise grade variable system in minutes. It supports scoping, code syntax, publishing, proper aliasing, and automatic generation of styles for text, effects and layout grids.I would love it if you could check it out and provide a feedback.I made sure this doesn't use a lot of tokens(works on free version of many AI tools, and also with flash models). Repo: https://github.com/Shanmus4/figma-variables-tokens-generatorEverything one needs to know will be present on the Readme file, but feel free to reach out in case you need any help: [redacted]

Still frame of a video capture of AVA Palettes🚀 Excited to share — AVA Palettes is now live in beta on Figma! 🎨✨What is AVA Palettes?A fast, flexible color tool for anyone building palettes inside Figma — backed by modern color science and designed to keep you in control.Why give it a try?✅ Generate full color ramps in seconds from a single base color✅ Built on OKLCH for perceptually uniform, predictable shade spacing✅ Sculpt color scales with bézier curves for  brightness, hue, and saturation✅ Export directly to Figma color variables — ready for dev handoff✅ Built-in accessibility: live WCAG 2 and APCA contrast checks✅ Color-blind simulators (Protan, Deutan, Tritan)✅ Light & dark mode palette sync✅ Manage multiple ramps per project with auto-naming✅ Unlimited projects and palettes✅ Private, lightweight, and totally free during betaWhy it’s worth a look:If you’re building design systems, refining UI themes, or just tired of fiddling with manual palette steps — AVA gets you clean,

So over a year ago, I was stuck on this idea of being able to visualize a full color space and travel within that space to build ‘chains’ of colors (like a 3D map with connected points). As a visual thinker, this made more sense to me than picking out individual swatches on a 2D color picker.Part way into the research stage, I discovered OKLCH, which was a game-changer; it maps the colors around human visual perception, rather than how monitors mix light.Up until now this has existed as a web app at www.volumecolor.io, but I recently ported it for use right inside Figma.Find the plugin here: https://www.figma.com/community/plugin/1608450336149947332/volume-3d-oklch-color-picker-palette-generator-for-figma 

I want to create an AI study planner to help students. The student can enter their school schedule, such as what time they leave for school and when they return. The app can include options like a full-day plan or a half-day plan (after school), and it should organize study time into specific time slots.I want the app to be better than any other one. It should send notifications to remind the student when it’s time to study or take a break. I also want the design to be simple and not confusing, with a light yellow background and soft shades of yellow.

Hi,I would like to share two new FREE plugins that just got approved today.I would love some feedback and how I can make them better:Zoomable color picker (Zoompicker): I always felt that the default color picker does not allow you to easily do precise color picking. So I built this plugin where you can zoom the picker and then make very fine refinements to your color.  https://www.figma.com/community/plugin/1617090343749381048/zoompicker Interactive PDF export: This is another free plugin that lets you export interactive PDFs that retains the prototype links. https://www.figma.com/community/plugin/1621701038205440559/interactive-pdf-export Thanks

Hi everyone! I’m transitioning from graphic design into UX design and I’m currently building my portfolio. I just completed my first case study. I’m not fully sure if I approached the structure and presentation the right way. I’d appreciate any feedback on how clear the flow is, how the information is organized, and if the overall experience makes sense. I want to improve it as much as possible. I’m also open to suggestions on what other types of projects should I add to strengthen my portfolio as I start applying for internships or entry-level roles.Here’s is the link to my portfolio uxfol.io/myafdesigns

my awsome portfolio

Most Figma workflows look the same multiple plugins open, three paid for separately, two barely used. Every tool doing one thing, no connection between them.It felt like a mess nobody was cleaning up.So we built Waysorted, a suite of tools that lives in one place inside Figma. Color systems with contrast checks, frames to PDF with CMYK support, unit converter, file importer with more tools like HTML to design, icon library in development and comment summariser. All under one credit system, no separate subscriptions per tool. And it's free to start, no friction, no forced upgrade.We're a small team that just launched beta. 200+ designers found it organically over the last few months. Just people sharing it with other people who felt the same pain.We'd love honest feedback from this community. What's working, what's missing, what feels off, all of it welcome.If you've ever felt the plugin sprawl pain, this was built for you.https://www.figma.com/community/plugin/1532842109377504268/wayso

Hi everyone! 👋I design high-load interfaces for the B2B and B2E segments, where working with large tables is pretty much a daily task. Populating such tables manually is inconvenient and takes a lot of time.I’ve tried various plugins that generate test data, but most of the solutions I tested had one critical limitation — you can’t easily generate multiple types of data at once. I had to do it step by step: first, select text layers in one column to generate names, then move to another column to generate emails and then phone numbers… This process really slows down the workflow.That’s why I came up with the idea to create a plugin that automates table population and saves time.That’s how Mirage Data Generator was born — a plugin that helps quickly insert test data into tables and groups of similar elements.Key Features of the plugin: Works with any groups of similar elements: table rows, cards and lists. Supports various formats for names, phone numbers, email domains, dates, and ad

Hey folks,This started as one of those late curiosity driven experiments and kind of snowballed, so I figured I’d share it here and see what people think.I’ve been building and maintaining design systems for a long time, and at some point I noticed something that felt off. Not the complexity. The repetition. Every new product or team, I’d find myself rebuilding the same foundations again. Tokens, components, variants, states, docs scaffolding. Different names, different flavors, but structurally… almost identical.At some point I asked myself why I was still assembling all of this by hand.So I tried a small experiment. I built a Figma plugin that generates design system foundations directly on the canvas using the plugin API. Instead of drawing components first, the idea was to produce them programmatically and then iterate from there.Nothing fancy visually yet. This is very much about structure and behavior, not eye candy.In the short video below, the plugin creates a basic component,

Hey everyone,Just launched SVGenius on Figma Community - a plugin for generating SVG illustrations using AI directly in Figma.Built it to solve a problem I kept running into: finding unique illustrations takes forever, stock libraries feel generic, and creating from scratch or waiting on illustrators is slow.Features:Generate SVG illustrations from text prompts in under 60 seconds 40+ preset styles (hand-drawn, neon glow, 3D, retro-futurism, minimalist, etc) Create custom styles to match your brand Upload reference images to generate in a specific style Upload your color palette One-click insert to canvas Generation history with batch operations (insert multiple at once, export as ZIP, reuse prompts/styles)Pricing: Pay-per-credits model with 5 free generations to test it out. Credit packs range from $12 to $329.Would love to hear your feedback or answer any questions!Figma Community: https://www.figma.com/community/plugin/1585442932233795342

Just moved my simple UX design portfolio website from a CMS over to Figma Sites. It’s a bit of a learning curve, but pretty impressed with the functionality so far! I’m used to designing and developing my own websites and themes from scratch using a CMS, so my expectations are pretty high.Some stray observations:First off, this is labeled a beta and it definitely is. I wouldn’t use this for anything beyond simple personal sites or prototypes as of yet. Getting custom fonts to work took some trial and error. Google Fonts / Adobe Fonts aren’t yet supported, so you have to upload your own WOFF files.  Responsive design works really well, but auto layout + fill must be used properly. You can set up components and text styles like normal and then assign them to specific breakpoints, but managing each one can be finicky. CMS functionality works well, but is pretty limited right now. For example, no way to display a random set of posts or set custom cropping for images. Password protection is

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 –