Showcase Your Work

Hey everyone Sharing the design process behind a recent education app our team worked on, because a few of the Figma-specific decisions genuinely changed how the product turned out—and I'd love feedback from folks who design learning products.I'm part of the design team at Dev Technosys, and a significant chunk of our work is education app development, so student-facing flows are something we think about a lot. This post is about the design side: how we used Figma to prototype, test, and hand off a K–12 learning app without drowning students in UI.The core problem: cognitive loadThe greatest challenge in any education app isn't feature count — it's attention. Students (especially younger ones) drop off the second a screen feels busy. Our north star for the whole file became one primary action per screen.That single rule drove most of our Figma structure.How we set it up in Figma1. A tokenized design system first, screens second. We built color, type, spacing, and elevation as variables

I've pasted #0F172A into a variables file roughly eighty times this month. Every time we tweaked our dark mode contrast, I was the one manually updating theme.ts and waiting for the GitHub action to run. Tracking down a rogue #111827 that sneaked into a border utility was driving me slowly insane.I'm a UX engineer, so I finally built a plugin to push Figma tokens straight to the repository. We actually deleted our entire tokens Slack channel last week because the pull requests just generate themselves with visual diffs now.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 often do your developers accidentally hardcode colours instead of using your variables?

Figma Plugin Link :- https://www.figma.com/community/plugin/1656620010944492160/dreamui-ai-ui-generator-design-system-wireframe-generator-ai-design-copilot-tokens-html✨ "DreamUI" Figma Plugin Features List 🎨✦ GenerateType a text prompt and instantly build a complete editable UI screen 🪄.🧠 Product DesignerGenerates a whole connected product with multiple linked screens working together 🔗.📸 ScreenshotRebuilds any pasted screenshot into real, fully editable Figma layers instantly 🖼️.🧑‍💻 CodeConverts your generated Figma design into actual working developer-ready code 💻 output.🧭 FlowMaps a written user story into a complete wireframe flow visualization 🧩.🪄 CopilotChat-edits whatever is currently selected on your canvas using natural conversation ✍️.🧩 Design ContinuationExtends a selected section with new, matching sections generated automatically by AI 🔄.🎨 Design RemixTurns one selected screen into 5–10 completely restyled redesign variations 🌈 instantly.🔍 Design CriticDel

TL;DR I'm a student and I made an accessibility plugin. Looking for people willing to test it and give feedback on what to improve and features you'd like to see, in exchange for lifetime Pro. Email perceivable@cyberdesk.topI'm a student and I made a Figma plugin called Perceivable. It checks a page or selection against WCAG (contrast, target size, alt text, heading order, focus order) and can fix the contrast and target-size ones in one click. It runs fully in Figma, so nothing leaves your file.It's early and I'd like feedback before I take it further. If you're willing to try it on real work and tell me what to improve, I'll send you a lifetime Pro key. It's for personal use, and I'll revoke it if it's shared.Email perceivable@cyberdesk.top and I'll send the plugin and a key. Thanks.

Hi everyone 👋I'm Hà, a graphic designer who works in Figma every day. And for the longest time, one thing kept sending me back to Photoshop: I just wanted to grab a layer and transform it — bend it, skew it, add some perspective — without jumping between tools.Figma is brilliant for a lot of things, but if you do graphic work — banners, posters, packaging, social assets — you've probably hit the same wall. So I built the plugin I kept wishing existed.What Free Transform doesSelect any layer, hit the plugin, and transform it the way you would with Ctrl+T in Photoshop:Scale, Rotate & Skew — drag any handle, no constraint-wrestling Distort — pull all four corners freely Perspective — real depth, in any direction Photoshop-style warps — Arc, Arch, Fish, Wave, Rise, and Twist Export as raster or vector — keep it crisp, or keep it editable Clean results — no mesh artifacts or seams, even on shadows and semi-transparent areasAll of the above is in the free version. No trial countdown, no

We are thrilled to announce that JMPY.me is now available to help you streamline your workflow across the entire Figma ecosystem! Whether you are designing, presenting, or collaborating, you can now generate branded, trackable links and fully customized, dynamic QR codes without ever leaving your canvas. 🚀 Why JMPY.me?Generic URLs can look untrustworthy and hurt your click-through rates. JMPY.me is an AI-native link management platform built specifically for creators, designers, and marketing teams. We make it effortless to turn your canvas URLs, slide decks, or specific frame coordinates into professional assets that drive engagement and save your time. Create and insert in canvas immediately with one click. 🎨 Key Features at a Glance Universal Compatibility: Works seamlessly across Figma Design, FigJam Boards, Figma Slides, and Figma Buzz. Branded Short Links: Instantly shorten long URLs using your own custom domains. Perfect for keeping your professional branding consistent. C

Hey folks! Check out my Color Contrast plugin! It reports contrast using WCAG 2, BPCA, and APCA algorithms, and now includes a new Audit Mode to analyze entire frames at once. Unlike other contrast plugins, it considers the foreground alpha channel for accurate contrast calculations. Demo:

Hi Figma community,I built Figma to PowerPoint Exporter for a very specific handoff problem: teams design presentation-like frames in Figma, but clients, sales teams, and internal stakeholders still ask for PowerPoint files.Try it on Figma Community:https://www.figma.com/community/plugin/1650059775290729168/figma-to-powerpoint-exporterWhat it does:Exports selected Frames, Groups, Components, Instances, and Sections to .pptx Editable mode keeps text, simple rich text, basic shapes, images, linear gradients, shadows, and line endings editable where possible Fidelity mode exports image-based slides when visual match matters more than editability Export reports call out what stayed editable and what fell backWhere it helps: Client decks Sales decks Internal reviews Figma-to-PowerPoint handoff Presentation templates that need later editing in PowerPointHonest limitations:Complex masks and vectors may fall back to images Blur is approximate Auto Layout is visual-only in PowerPoint Fidelity m

Hi, fellow Figmates!I wanted to share with you another of my Figma files for a video game: Poster for figma file Mini Metro UI case studyMini Metro UI case studyHere I tried to lessen up a bit and recreate a small mobile game, to understand how little can be enough in development of small indie games.I not only recreated all of the screens of mobile version of the game, but also tried to write some kind of analysis of it's game design, but I only ever created posts in Instagram, so I created an Instagram and Bluesky to post such essay/analysis things:https://www.instagram.com/p/DQcMGkfDBge/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA== And video post with demo of interactive prototype:https://www.instagram.com/p/DQswUYuDIvC/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA== Mini Metro devs Dinosaur Polo Club even reposted me on BlueSky: https://bsky.app/profile/dinopoloclub.bsky.social/post/3m5ciyz32zk22gameplay screen huge flow of game screens You can try the interactive p

We found 28 different shades of grey in production last week. Only five of them were actually in our Figma file. I am Alexander and I created a plugin to fix this exact mess.The developers were doing their best to match the new dark mode screens. But every time a designer tweaked a background layer, someone had to manually update a JSON file in the repository. The drift was getting embarrassing.I wanted the Figma file to actually drive the code. So I built a tool that pushes Figma variables directly to GitHub using automatic pull requests.We completely archived our design handoff Slack channel last month. The repository updates itself with the exact W3C Token formats whenever we publish library changes.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 is your team handling multi-brand t

If you've ever exported a batch of images from Figma and ended up with a folder full of IMG_4821.png, Rectangle 482.png, and Frame 17 copy.png, this one's for you.SEO Image Renamer uses a vision model (Claude or GPT-4o — your choice) to actually look at the pixels in your selected image layers and generate a clean, descriptive, SEO-friendly filename for each one — like red-sports-car-mountain-road instead of whatever the original file was called.How it works:Select one image, or select a bunch at once Run the plugin — each layer gets analyzed and renamed based on its actual content Export as usual, with filenames that already make senseWhy this instead of a layer-renaming tool:This isn't about tidying your layers panel — Figma and other plugins already handle that by hierarchy or nearby text. This is specifically for what the exported file is named, based on what's depicted in it. Useful for photo libraries, illustration sets, icon packs, screenshot archives, or any project where you n

Made a Kanban board widget for Figma a while back (~12k users), and people kept asking for a timeline view — so here it is: a Gantt chart that lives on the canvas.  The part I care about is dependencies. Draw a "depends on" arrow between two tasks, and when a task's start date arrives while the thing it needs still isn't done, it flags itself as blocked (overdue too). You never set that by hand — it reads the dates and the arrows. Most Figma timelines skip this; they're just bars that don't know about each other. The rest is the usual: phases, milestones, day-to-year zoom, edit in a popup.   Widget: https://www.figma.com/community/widget/1655733687866006888  Would genuinely like to hear whether a separate timeline widget makes sense, or if the board and the Gantt should just be one tool.

Hey Figma community 👋I've been working on a plugin that solves something that's been bugging me for a while.You finish designing your screens — then spend hours manually connecting every frame and setting up interactions.So I built a plugin where you just type what you want:"Wire this as a login → dashboard → settings flow"And it connects everything automatically.It's still early and needs improvements — which is exactly why I'm here. I'd love brutal, honest feedback from real designers before I develop it further.Would love to know:Does this solve a problem you actually have? What interactions or features would make this useful for your workflow?Drop a comment — every response genuinely shapes what I build.

Hey all — pushed an update to Zeno (my desktop → mobile adaptation, cleanup, and dev-prep plugin).Main fix this round: Adapt to Mobile was letting text and components spill outside the mobile frame on freeform / non-auto-layout files. Widths are now properly constrained, so adapted layouts stay inside the frame.Also a round of stability fixes under the hood.I'm still actively improving the mobile adaptation — it works best on auto-layout web files, and I'm chipping away at the freeform edge cases. If you try it and something doesn't adapt cleanly, I'd genuinely appreciate the feedback — a before/after screenshot helps a ton. https://www.figma.com/community/plugin/1653711948873377984

Hi everyone! 👋 A few months ago, I found myself repeating the same tasks in Figma over and over again. Copying text. Replacing images. Importing content. Populating layouts before presenting them or handing them off. None of those tasks were difficult, but together they were taking up a surprising amount of time. So I started building a plugin for myself. That project eventually became Super Paste, and after using it daily for the last few months, I thought it was finally time to share it with the community. Some of the things you can do with it: ✨ Bulk copy & paste text and images✨ Generate realistic placeholder text and images✨ Import CSV data and image collections✨ Populate text and images together✨ Copy & paste by group✨ Automatically detect nested layers✨ Save and reuse your content lists across projects✨ Populate large layouts in seconds One thing I’m especially proud of isn’t a single feature, it’s the amount of polish behind it. Most of the work went into handling edge

Hi Figma Community!I’ve made a hi-fi prototype for a plant care app - called Greener. For a Google UI/UX design course. Would love your feedback on it. Here's the Figma Link!

Create a UI/UX assignment file with 8 frames side by side:1. Instagram Login Page2. Facebook Login Page3. Instagram Information Filling Page4. Facebook Information Filling Page5. Instagram Registration Page6. Facebook Registration Page7. Google Homepage8. Instagram HomepageUse mobile frame size 375x812. Include logos, input fields, buttons, and navigation bars as described. Arrange frames horizontally with equal spacing.make like in picture 

i am creating a website for a local restaurant in japan , called sushizen , this whole project is hypocritical and but i have followed all the ux process from empathy to testing although most of the steps were imaginary but i have learned a lot , i am doing this project alongside doing google ux professional certification , Figma link:-  The problem :-many japanese salaryman and woking class visit the restaurant and during peak hours the restaurant is uable to maintain the customers . many tourists recently are visiting japan and want to experience traditional foods but find it very difficult to read menu and do conversation with the staff due to language barrier . nowadays the restaurant face competition from online food services . The Solutions :-Created a reserve table system in the website so that people can visit and experience it without hassle .Added a languages selector so that tourists can also access and experience the site and the food .Added Order Online services for people

Every time I finished a desktop layout in Figma, the same chore was waiting: rebuild the whole thing for mobile. Resize, restack, refit — by hand, screen after screen. I looked for a tool to speed it up and found the existing ones were either broken or abandoned.So I built Zeno.What it does — 3 tools:🔹 Adapt to Mobile — takes a desktop layout and generates a mobile version in one click🔹 Clean Up — fixes messy layers, spacing, and naming🔹 Prepare for Dev — flags handoff issues (detached styles, odd values) before you shipThe honest part (because I'd rather you trust it than feel oversold):Adapt to Mobile is around 70% of the way there. On clean auto-layout files it works really well. On freeform or messy files it still needs a human pass afterward. It's a strong starting point, not a magic finish — and I'm improving it with every piece of feedback.I interviewed designers while building this, and a lot of Zeno came directly from the pains they described. So if you work in Figma, I'd g

Hello community,Design systems tend to look clean in presentations. In real product work, they are often more complicated.Variables grow over time. Styles get renamed. Token structures change. Alias chains become harder to follow. Some values are still used somewhere, but nobody is fully sure where. And at some point, a simple list of variables is no longer enough to understand what is really happening.That is the problem we built Synapse for. Synapse is a Figma plugin that helps teams understand, review and maintain their design tokens directly inside Figma. It reads local variables and styles, resolves relationships between them, and turns the system into an interactive visual graph.The goal is simple: make the structure visible, so teams can make better decisions.Why we built itWe built this because we needed it in our own daily work.We wanted a better way to understand our token system, review its structure and support migration work without relying only on manual checks. We wanted

New plug-inHey community! I’m pleased to announce our new plug-in ‘Worried Presenter’. Worried Presenter listens to you present your work, then gives you back a confident, story-driven script with feedback — and tells you exactly how to improve. Here are the steps:How to useGiving you a better structure, clearer language, and stronger narrative arc.Import your frames from Figma Record your voice presentation Receive a new story-driven script and feedback Edit and re-record new runs to perfect it Listen to your feedback and new scripts from an AI voice Export your new enhanced script back into FigmaPlugin: https://www.figma.com/community/plugin/1647613618742509370Love to have your feedback!

👋 Hi everyone!I'm excited to share Design Audit Lens, a new Figma plugin built to help designers review their work more consistently and objectively.Instead of relying solely on subjective feedback, Design Audit Lens analyzes:✅ Research artifacts✅ Wireframes✅ UI screens✅ User-testing outputsIt evaluates designs using UX best practices, usability heuristics, accessibility standards (WCAG 2.2), cognitive load theory, and interaction design principles, then provides actionable recommendations to help improve quality.I'd really appreciate the community's feedback. If you give it a try, let me know: What you liked What could be improved Features you'd love to see next 🎨 Plugin:https://www.figma.com/community/plugin/1649498558808466087🌐 Website:https://designauditlens.comThank you for taking the time to check it out. Your feedback will directly influence future updates.#Figma #UXDesign #ProductDesign #DesignSystems #Accessibility #UXResearch #AI #DesignTools

Friday afternoon. The release branch is locked. Someone just updated the primary button hover state.The developer had already merged the update for button.css earlier that morning. Now I had to ping them on Slack to swap out #2563EB for #1D4ED8 before the final build. It is a tiny detail but it causes so much unnecessary stress.So I ended up building a small tool to stop this exact scenario.Now our Figma variables push a clean diff straight to a GitHub PR automatically. We completely deleted our token handover Slack channel and saved about three hours of manual code checks this sprint.I published Design System Sync for anyone else stuck in this loop.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 does your team handle last minute variable updates before a release?

Here is link to the plugin: https://www.figma.com/community/plugin/1582187505104489405/text-space-cleanerText space cleaner removes extra spaces from text layers in Figma. Clean up inconsistent spacing from copy-pasted content, imported text, or manual edits. Problem It SolvesExtra spaces in text layers are common and hard to spot:Double spaces from copy-paste or typos Leading spaces at the start of text Trailing spaces at the end of textThese issues are hard to see in Figma and can cause layout and alignment problems. Manually fixing them is tedious, especially across many layers.Text space cleaner automates this cleanup so you can focus on design. Core FeaturesRemove double spaces — Replaces multiple consecutive spaces with a single space (enabled by default) Remove leading spaces — Removes spaces at the start of text Remove trailing spaces — Removes spaces at the end of text Batch processing — Clean multiple text layers at once (works on selected text layers and text within selected

I kept running into the same hassle exporting images out of Figma: getting them out, compressing them and dealing with the different formats. I couldn't really find a free tool that handled all of it, so I made one. Putting it out here in case it's useful to anyone.It's called Hamster. You pick your frames and it can:  - export PNG, JPG, WebP, SVG, PDF at whatever scale or size  - compress PNG, JPG and WebP so they come out smaller  - make a GIF or WebM from the frames  - merge frames into one PDFLink: https://www.figma.com/community/plugin/1635433888954715176/hamster-export-compress It's still new, so if something comes out wrong or breaks, tell me how it happened and I'll sort it out.