Community Corner

I found this amazing free, you just need page url and it will convert the website to editable figma design.You can see the detail in video guidehere you can find to website: https://page2figma.com/

I’ve been experimenting with UI ideas for gaming tools and a friend showed me a custom Roblox launcher they told me to check it out. It made me realize how tricky it is to keep the design clean while still giving users the customization they expect. Has anyone here tried building similar flows in Figma? Any tips on keeping things simple but functional?

Figma has no native way to apply opacity to an aliased colour variable without breaking the link and forcing you back to hardcoded hex values. To handle hover states, alert tints, or Material Design elevations, you are forced to bloat your library with dozens of duplicate variables.I built Sheer to solve this exact architectural bottleneck. It adds an automated, non-destructive opacity modifier layer to your workflow, here are its key features:  Token Mode: Type target steps (such as 8, 12, 20, 50) and instantly batch-generate clean, linked opacity scales directly from a base primitive variable. Quick Apply: Drop transparency onto individual component fills or strokes right on the canvas without polluting your library or breaking the core reference link. Smart Sync: If a master brand primitive changes, Sheer audits the file and repairs all dependent opacity tokens in a single click. Dev Mode: Automatically outputs production-ready CSS variables using native color-mix() syntax dir

I wanted to share a project I’ve been building solo over the last 4 months: TokenIgnite. It started with a simple question I asked myself: What if changes to Figma variables were visible in a running web app just as directly as tweaking CSS variables in browser DevTools? I built a proof of concept, but then had to ask myself an honest question: With Figma Code Connect, MCP servers, and Code Layers, who actually needs this? The Shift: Making Design Decisions in the Runtime FirstWith AI-driven workflows, layout code is generated faster than ever—yet LLMs lack visual awareness of the running app, causing design drift. At the same time, traditional token pipelines force teams to wait on builds just to validate minor tweaks. TokenIgnite introduces a paradigm shift: What if we make design decisions in the live runtime first before committing anything to a single source of truth? And what if we—and our AI agents—collaborate without any pipeline boundaries? How TokenIgnite works:TokenIgnite re

I work on Arabic and multilingual product interfaces, and I kept running into the same problem: converting an LTR design to RTL was rarely just a visual flip.Horizontal Auto Layout with Wrap is a good example. Reversing the child order can align the first row, but it does not reliably fix the direction of every wrapped row. It can also make responsive components harder to maintain.I built RTLAuto to handle this workflow inside Figma.Who RTLAuto is for:- Product designers maintaining Arabic and English versions- Design-system teams working with reusable components and variants- UX and UI agencies delivering multilingual products- Product teams building for Arabic, Hebrew, Persian, or Urdu markets- Anyone spending too much time rebuilding RTL screens manuallyIn version 1.3.1, the current conversion path has dedicated support for:- Horizontal Auto Layout with Wrap- Nested Auto Layout- Reusable components and direction variants- Responsive wrapping without absolute positioning- Directional

안녕하세요, 결제날 이후로 카드결제가 계속 되는데, 금액상 결제가 안되고 있는 상태이구요, 저는 구매 취소를 원합니다. 아예 안썼어요. 구독 취소 저번에 찾다가 못찾고 방치되었었어요. 결제 안되게 해주세요. 더이상 구독 원하지 않고, 유료버전은 사용도 안하였습니다. 계정도 삭제하고 싶습니다

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

Hey Figma community! 👋We’ve been focusing on UI/UX designs for enterprise-grade, real-time analytics dashboards. One of the biggest challenges from a design perspective is keeping the user experience instantaneous and fluid when users are filtering or drilling down into massive datasets.A smooth frontend experience relies heavily on a backend built for speed. Utilizing an OLAP datastore like Apache Pinot delivers sub-second query latency, which drastically reduces the need for heavy skeleton loaders or complex waiting states in our UI.However, maintaining low latency requires strong technical maintenance. For design and engineering teams looking to keep their real-time dashboards running fast, Ksolves provides dedicated apache pinot support. Their team offers comprehensive enterprise support for apache pinot, covering query optimization, index tuning, and zero-downtime cluster upgrades to keep your interfaces responsive.🔗 Learn more about their Pinot support solutions: https://www.ks

Our organization has been trying to get in touch with someone from Figma since Config, but have gotten no responses. We’ve used all the channels we could find on the site to try to reach out. Does anyone know of any other ways to get in touch with an Account Representative to discuss enterprise plans? 

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

I've been exploring how local AI image generation tools are changing the design process, especially for macOS users running Stable Diffusion on Apple Silicon.While reading a practical guide from Lekhai about running Stable Diffusion locally on a Mac, I realized that many of the real challenges aren't just technical—they're design problems.As designers, we're expected to make complex workflows feel intuitive. Features like model downloads, hardware compatibility, prompt settings, generation history, and advanced image controls can quickly become overwhelming for new users.Some UX questions I've been thinking about are: How would you simplify concepts like checkpoints, LoRAs, and sampling methods for beginners? Should advanced image generation settings be hidden by default or always accessible? What's the best way to communicate hardware requirements, download progress, and model status without cluttering the interface? How would you organize prompt history, image variations, and s

Hi everyone 👋I'm the creator of Accessibility Score AI, a Figma plugin that helps designers identify accessibility issues before handoff. Accessibility Score AIInstead of checking accessibility manually, the plugin scans your selected frame and generates an accessibility report with actionable suggestions.Current Features✅ Accessibility Score (0–100)✅ WCAG Color Contrast Check✅ Typography Review✅ Touch Target Size Validation✅ Heading Hierarchy Analysis✅ AI-powered Accessibility Recommendations✅ Detailed issue list with severity levelsMy goal is to make accessibility easier for designers without requiring deep WCAG knowledge.I'm looking for feedback on:Which accessibility checks do you perform most often? What accessibility issues do you usually miss during design? Would you prefer automatic fixes or detailed recommendations? What feature would make this plugin part of your daily workflow?Planned FeaturesBatch scanning for multiple screens Design System accessibility validation Compone

Hi everyone,I'm Rosie, a mobile app developer who collaborates with UI/UX designers on eCommerce and marketplace projects.Recently, I've been working on a few white label ecommerce platforms, and one challenge keeps coming up. The goal is to create a design that's flexible enough to support different businesses while still allowing each brand to have its own unique identity.On one project, we initially focused on making everything highly customizable. While that sounded great in theory, it quickly made the design system more complex than necessary. Managing components, themes, and reusable elements became difficult for both the design and development teams.After reviewing the workflow together, we simplified the design system by creating reusable components with only the most essential customization options. It made the handoff from Figma to development much smoother, reduced inconsistencies, and helped us deliver the project faster.I'm curious how others approach this.If you've design

#2011369I made a professional annual subscription on July 6th, but I want to change it to a monthly subscription. I sent an email, but I don't get an answer. Please check.

Dear Figma Support Team,My name is Mohamed Essam, and I am writing to ask for your assistance regarding my Figma account.Unfortunately, I accidentally deleted the Google account that I used to sign in to my Figma account. I have currently forgotten the login details and I am unable to recover that Google account at this time.However, there is a very important project stored on my Figma account, and I believe that you may still be able to access or help recover it. The project is named "الأوائل - Elawael", and it is an investment project that I worked on very hard for nearly a month.Due to personal pressure and the circumstances I was going through, I did not realize that I had deleted the Google account associated with my Figma account until it was too late.I kindly request your help in regaining access to my account or at least recovering the project files, as they are extremely important to me and I urgently need them.Previous email associated with the account:[Redacted by moderator

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

UI/UX presentations often face a common challenge: stakeholders can see static screens, wireframes, and design mockups, but they struggle to understand how users will actually experience the product. A beautifully designed interface on a slide deck does not always communicate user flows, interactions, transitions, or micro-interactions effectively. This is where motion graphics can significantly improve the presentation and evaluation process.Rather than relying on screenshots alone, motion graphics allow designers to demonstrate how an interface behaves in real-world scenarios. Animated transitions can illustrate navigation patterns, onboarding flows, button interactions, loading states, and user journeys in a way that static visuals simply cannot. This helps product managers, clients, investors, and development teams gain a clearer understanding of the intended user experience before development begins.The growing demand for digital products has increased the importance of presentati

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