Show off your Figma projects and get feedback from the community.
Recently active
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
OnePixel - QA Tool for Mobile Design ImplementationAs a designer, I spend a significant portion of my time testing mobile designs that developers send me. What a developer considers "design-ready" is often far from finished. For developers, it's important that it works. For designers, it's important that it works exactly as envisioned — with every pixel in place.How do I visually test screenshots? Typically, these are screenshots from Xcode simulators at 3x scale for iOS. I need to save the screenshot, resize it to 1x (since my designs are originally in 1x), overlay one screenshot on another, and check for differences — those subtle discrepancies that aren't visible to the naked eye. Naturally, this all needs to be done outside the original design file, or at least on a separate page, to avoid cluttering the design file. Ultimately, this process takes time.I thought: why not create a plugin that automatically overlays one design on another?The main requirement for such a plugin is view
All transfer activities cannot be consolidated due to technical limitations.This increases dependence on filters, which most users don’t use, reducing visibility of urgent actions.Any help to solve this appreciated.
Excited to announce 1UI Design Generator Figma plugin is now live! Generate beautiful UI designs directly in Figma using AI. From simple components to complete dashboards - just describe what you need and watch it come to life. Try it now: https://www.figma.com/community/plugin/1584483611858957214/1ui-design-generator
Hey Figma Community! 👋I'm excited to share CopyKit Beta 3.0, a plugin that solves one of the biggest pain points when working with Design Systems: replicating complex nested structures.🚀 What's New in Beta 3.0:Recursive Hierarchical CloningRespects infinite nesting levels (AutoLayout → AutoLayout → Elements) Anti-loop system prevents duplication bugs Real text captured (.characters, not layer names) Original fonts loaded automatically with smart fallback to Inter Clean fills: automatically removes default white backgrounds from new FramesRedesigned InterfaceMaterial Symbols (Google) icon library Orientation toggle: compact horizontal or vertical panel Contextual notifications: know exactly what mode you're using Full persistence: remembers your language, theme, and orientation preferencesSmart Default ModeQuick visual styles without structure Activate cloning when you need the full hierarchy💡 Perfect For:Cloning Material 3 buttons with container → state-layer → icon + label structur
I designed this icon. But I think it's fine as it is. If anyone has any suggestions, please specify which part you want.
Hello designers! I created a figma plugin that automatically detects and fixes sentence case issues across your Figma designs. This plugin saves time, improves consistency, and helps teams maintain clean, readable typography across all screens.Here is the link to the plugin - Sentence case fixer plugin The problem it solves: Design teams often struggle with inconsistent text casing across large files, especially when multiple designers are involved or when components contain mixed styles. Sentence Case Fixer solves this by scanning selected frames, detecting text that breaks sentence case rules, and offering one-click fixes. What you can do with this plugin:1. Scan selected frames to instantly identify all text layers with sentence case issues.2. Review issues with a clean list showing every word that needs attention.3. Locate individual text items directly on your canvas for quick corrections.4. Fix issues instantly using per-item or “Fix All” actions.5. Add exemption words (like bran
Hello designers! I created a figma plugin that automatically detects and fixes sentence case issues across your Figma designs. This plugin saves time, improves consistency, and helps teams maintain clean, readable typography across all screens.Here is the link to the plugin - Sentence case fixer The problem it solves: Design teams often struggle with inconsistent text casing across large files, especially when multiple designers are involved or when components contain mixed styles. Sentence Case Fixer solves this by scanning selected frames, detecting text that breaks sentence case rules, and offering one-click fixes. What you can do with this plugin:1. Scan selected frames to instantly identify all text layers with sentence case issues.2. Review issues with a clean list showing every word that needs attention.3. Locate individual text items directly on your canvas for quick corrections.4. Fix issues instantly using per-item or “Fix All” actions.5. Add exemption words (like brand names
As a React/Drupal developer who works closely with a UX designer, we constantly debate what to call a CTA or how to phrase a short instruction. So I built a plugin that helps with exactly that. Microcopy Fixer suggests clearer alternatives for short UI text without rewriting your whole design.You can check it out here: https://www.microcopyfixer.com/figma-pluginFeedback is welcome.
As designers, we were often asked to provide a digestible summary of design changes to the development team for handoff. And usually it was a long and tiresome process of recalling what changes were made and compiling them into a haphazard list. After having to spend a lot of time compiling these lists, we've decided to build a plugin that would do it for us. https://www.figma.com/community/plugin/1561112842986030765/diffnibbler We'd love to hear your thoughts on it, so if it sounds like something interesting, please give it a go!
I’ve recentely designed this page (there are more btw) by using Figma Make; including Wireframing, Design system and UI design All!!
Tired of revisions? Let AI take the pain.Select the region → paste the requirements → get an updated design instantly.Find “Superun Prompt to Design” in Figma and give it a try. Watch our demo vedio
Hi everyone 👋We just launched an early build of ezfiles.ai! It’s not perfect yet, but that’s exactly why we’re excited for you to try it. Found something confusing? Missing? Slightly annoying? We want to hear it. let us know at: ezfiles.ai/feedback.Thanks for helping us shape ezfiles into something awesome.
I was learning to build Figma plugins and I was able to build my first Figma plugin a few months ago. The plugin reviews your UI design and gives detailed design feedback. Please check it out and give me your feedback. Design Feedback Plugin
Turn one designed page → a whole set of new screens ✨Same layout logic. Same vibe. Fully editable. Just hit Style Transfer, choose your reference style,and the plugin rebuilds your page with a matching look — in seconds. Search prompt.to.design in Figma if you want to try it.Always happy to hear feedback or suggestions! Watch our short demo vedio
If you ever get stuck starting a layout, this might help: ✨ Grab a reference image✨ Open Prompt.to.Design✨ Hit Kickstart✨ Type one sentence → boom, you get a fully editable UI draft The plugin analyzes the style + structure of your reference and generates a matching page in Figma.Super quick for ideation, wireframes, or kicking off a new design direction. You can try it by searching “prompt.to.design” in Figma plugins. Happy to hear feedback or ideas for what to add next! Watch our short demo Vedio!
Hi, fellow Figmates!I wanted to share with you my Figma file for a video game:Bloodborne UI case studyI worked as a classic UI/UX designer who creates websites and apps, but I want to develop games.I've tried to start safely and replicated all of the UI of Bloodborne in Figma.I've recreated all UI components that are there, animated some of them, and recreated color and text styles. I was blown away by working on it. What there is in the Figma file?Huge Interactive Prototype that uses videos and gives a false impression of starting game in Figma (without Make) Styles, variables, components all recreated (I wait for Slots functionality to update and streamline file even moreYou can try the interactive prototype or explore all of the screens and design system of Bloodborne here: https://www.figma.com/community/file/1324779949340768558/bloodborne-ui-case-study I would like to here from you some suggestions, ideas how to improve this.Actually I want to do more such Figma game files, and cr
Following up on my earlier post, I’m sharing the next part of my UX learning journey — this time with actual visuals created in Figma.These images show how I’m practicing user flows, components, comments, and prototyping in real UI/UX scenarios. 1. Mapping User Flows Before Visual DesignHere is the user flow map using FigJam .I created in Figma to understand the customer journey before designing screens:User Flow Image: User journey map:2. Building a Design System Using ComponentsI explored how to create reusable components in Figma and use them across different screens:Components / Design System :🧠 3. Using Figma Comments for CollaborationI practiced leaving comments to explain UX decisions as if collaborating with a team:Comments :🧭 4. Prototyping to Test Ideas EarlyThis is the prototype I created to test the flow before building the final visuals:Prototype Figma continues to help me refine how I think about UX — from understanding user goals to building scalable design systems.I’
As designers, we often see Figma as a tool for creating beautiful interfaces — but what makes it truly powerful is how it helps us think through problems.When I started exploring Figma, I realized it’s more than a canvas for visuals. It’s a thinking framework — one that supports every phase of the UX process, from ideation to iteration.Here are a few ways I’ve been using Figma to strengthen my UX decision-making: 1. Mapping User Flows Before Visual DesignInstead of jumping straight into UI, I start by creating simple user journey maps or task flows in Figma.This helps me focus on why each screen exists, not just how it looks. It’s a habit that keeps the experience aligned with user goals. 2. Using Components to Build Design SystemsComponents taught me the value of consistency and scalability. When you build reusable parts, you’re not just saving time — you’re designing systems that can grow with the product. 3. Using Figma Comments for UX CollaborationThe comment and version history f
Design 10× faster by combining prompt + images + your frame’s existing style. Just clean, editable Figma layouts—generated with your own visual system. ✨ What you can do:• Kickstart full pages with a prompt• Transfer style from any frame• Redesign a selected region in seconds• Smart-fill empty areas with consistent UI• Apply a new aesthetic while keeping structure All inside Figma. Try it now → https://www.figma.com/community/plugin/1528325292196938261/prompt-to-design-by-superun-ai-10x-faster-with-ai-design-like-a-pro-formally-uidraft-make
Hello, everyone! I am developing a plugin for reviewing layouts and screenshots from sales.So far, my plugin can find discrepancies in colors and texts.I am currently working on recognizing GAP and Padding, but I have a problem with the backend being off by 1 px. Maybe someone knows how to beat anti-aliasing?I welcome all suggestions and criticism.
Hey everyone, I’m working on a Figma Plugin and found it challenging to communicate between the UI (iframe) and Plugin (sandbox) layer in a typesafe way. So, I created figma-connect, a lightweight wrapper to streamline this communication process. Would appreciate your thoughts! Thanks 🙂 Example Usage shared.ts import { type TFromPluginMessageEvent } from 'figma-connect/plugin'; import { type TFromAppMessageEvent } from 'figma-connect/app'; // Plugin Events (Plugin -> App) interface TOnSelectNodeEvent extends TFromPluginMessageEvent { key: 'on-select-node'; args: { selected: Pick<SceneNode, 'name' | 'id'>[] }; } interface TOnDeselectNodeEvent extends TFromPluginMessageEvent { key: 'on-deselect-node'; args: { deselected: Pick<SceneNode, 'name' | 'id'>[] }; } type TFromPluginMessageEvents = TOnSelectNodeEvent | TOnDeselectNodeEvent; // App Events (App -> Plugin) interface TOnUIRouteChangeEvent extends TFromAppMessageEvent { key: 'on-ui-ro
In a Figma plugin, the code that has access to the document API and the code that renders the UI are in different contexts, so you need to use postMessage() to send a request for data from one thread to the other. The other thread then needs to listen for the "message" event and respond by calling postMessage() to send back the requested data. The source thread then also needs to listen for the "message" event to receive the requested data. All of this asynchronous event handling is an awkward fit for what is conceptually a synchronous function call. The figma-await-ipc package wraps this process with a simpler interface. The package’s call() function lets you essentially call a named function in the other thread, while awaiting the promised result. Any parameters you pass to call() after the function name will be passed into the receiving function: // main.ts import { call } from "figma-await-ipc"; try { const title = await call("getProperty", "title"); figma.currentPage.sele
Already have an account? Login
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
