Community Corner

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

Are you working on a children’s book and looking for the right illustrator? I provide custom illustration services that turn your story into a vibrant, engaging visual experience for young readers.Each project is developed with attention to style, emotion, and storytelling — from character sketches and page layouts to cover designs and print-ready artwork. Whether your book is whimsical, educational, or heartfelt, I’ll help make it visually memorable.Open to collaborations with authors, publishers, and educators.If you’d like to see samples or discuss your project, feel free to get in touch.

Hello everyone,I wanted to start a discussion around the role of sustainability in marketplace app development. Do you think eco-friendly practices (like carbon-neutral delivery, second-hand product focus, or ethical sourcing) could become a major differentiator for future marketplace apps? Would users actually choose a sustainable platform over a cheaper or faster one?

Iam anew ,l would love professional feedback 

figma.to.website Design and publish websites without leaving Figma! No code, no extra tools required. I would love to have your feedback 🤗 📐 Use all your favorite Figma features, they’re supported! Autolayout Components and variants Interactions (Prototype) Variables Animations ⚡ Get a high performance website Delight your visitors with a blazing fast website Code generation optimized for best Web Core Vital scores Hosted on a global CDN with 300+ edge locations around the world Automatic image optimizations, keep your high resolution images in Figma and don’t worry about the performance of your website on any device Brought to you by ‹div›RIOTS

Hey designers and developers!Tired of wasting time exporting your Figma variables and rebuilding your tokens in code? I've created a little plugin to make your life easier. With it, you can export your colors, fonts, and spacing while keeping their aliases and hierarchy, easily manage light/dark modes, and even generate ready-to-use W3C Design Tokens.You can choose the format that suits you best: JavaScript, TypeScript, CSS, SCSS, or JSON, and everything can be previewed in real time. The plugin allows you to quickly copy or download your exports, while keeping your collections organized and your references intact.In addition, it provides a detailed analysis of your variables: number of tokens, types, modes used, and other useful statistics to give you a clear overview of your design system even before exporting. No more hours spent checking that everything is consistent between Figma and the code.The plugin is available here: https://www.figma.com/community/plugin/1566133735926608173/

Lately I’ve been noticing how quickly digital marketing trends shift—one month it’s all about reels, next it’s AI tools and automation. As a designer, it sometimes feels like we’re always catching up.I was reading an article the other day about digital marketing in Jalandhar and how tools are shaping campaigns—it really connected with how design has to evolve too. Sharing it here in case anyone’s interested: https://www.virtuositydigital.com/blog/digital-marketing-in-jalandhar. 

Hey all, Just wanted to share my plugin + API “Dynogee” which allows you to create images with dynamic content based on template designs created in Figma. After creating a template using the plugin you can access new images with simple HTTP GET requests: https://dynogee.com/gen?id=zizkjxv682b0c71&title=Some+text+goes+here ^ template id ^ parameter What parameters you need can also be set using the plugin and there’s support for text, images & more. Link to plugin: https://go.dynogee.com/plugin Demo Template: https://go.dynogee.com/gatheround-demo Website: https://dynogee.com While this is intended as a commercial software product I’m happy to provide a perpetual free usage for anyone who’d like to use this for personal, low volume projects! Would love your thoughts & feedback 🤗 Best, Martin

Hi Figma Support Team,My name is Jay, and I’m organizing the Figma in Gothenburg community meetup — a design group of over 650 members. We host events every two months, alternating between presentations and hands-on collaboration sessions to help designers connect, learn, and grow together.Our last meetup of 2025 will take place on December 2nd, and it will be a hands-on collaboration workshop with around 60 participants. To celebrate the creativity and teamwork of our community, we’d love to award the winning team with some Figma merch or perks.Could you please let us know if there’s a way to get official Figma items or community support for this event? We’d be happy to share photos, tag Figma on social media, and highlight your support in our post-event recap.Thank you so much for your time and for continuously inspiring designers around the world.Warm regards,Jay JeongOrganizer – Figma in Gothenburghttps://www.meetup.com/figma-in-goteborg

Hey everyone,I want to share a little tool I built to solve a recurring pain point in my Figma workflow — re‑creating guides across frames.It’s called Guide Guru, and it basically lets you copy‑paste guides between frames in seconds.Here’s what it does: Copy guides from one frame and paste them exactly where they were in another. Save time on repetitive alignment work. Keep precision — no eyeballing positions anymore. I’m using it daily, and it’s saved me so much time.Figured some of you might find it helpful too!You can try it here: https://www.figma.com/community/plugin/1564880649286871615/guide-guru If you give it a go, I’d really appreciate any feedback — what works, what doesn’t, or what could be better.Thanks for reading, and happy designing!Best wishes,Evgenii 

Hey! For the past year I've been working on a tool to simplify my work process (mostly design reviews), and I decided to take a break and share it with the community so it can help you too! Any feedback would really help me perfect it further. It’s free, it’s called Style Hunter, and it lets you scan your selection or the entire page for every classic style, variable, and raw HEX/text values. It has helpful filters and mass-selection options. It basically does what you expect and helps hunt down unassigned layers, forgotten tokens, legacy styles, lost local variables, etc. I mainly use it to check designs and test new design systems, quickly selecting and swapping tokens.The key idea was simplicity, so I intentionally didn’t add "fixing" capabilities, duplicate/mirror existing Figma tools, or include many buttons and settings. Colors and texts are always in view; with the filters you can set up Style Hunter as a cleanup checklist. Super Selection Panel (at the bottom of the UI) is a po

Hi all,  this is my first post here. I’m Ben, a freelance UX designer. After many years of creating all sorts of deliverables for clients, I decided to create my own design system using Figma. I thought I would share it here to get your thoughts/feedback. All the best.Figma Preview Link Website Blog   

Hey designers, I’m exploring ways to improve design efficiency for industrial e-commerce sites like mine, Dirt Killer. Any Figma plugins, layouts, or collaboration tips that make handling large product catalogs and visuals smoother?

Siter.io provides a platform for constructing and launching complete websites without needing any coding expertise. It allows for a seamless export of Figma design files, eliminating the need to convert your designs into HTML and CSS manually. Once exported, adjustments and modifications can be made directly on Siter, with the added feature of incorporating responsive designs for your pages. Moreover, Siter’s visual editor allows for the integration of HTML code directly into your website. Here’s how to use it: Install the Siter.io plugin. Within Figma, select your website’s art-board. Navigate to “Plugins” and select Export Figma to Websites / HTML by Siter. Connect Siter with Figma. Export your designs with ease! Watch video → https://www.youtube.com/watch?v=BG8rsZdR_SQ

In today’s fast-paced world Plastic Tumbler products offer a practical solution for daily hydration, while Plastic Tumbler designs combine durability with aesthetic appeal. These innovative drinkware items make enjoying beverages convenient and stylish, whether at home, in the office, or outdoors.1. Modern Drinkware TrendsThe evolution of daily drinkware reflects changing lifestyles. Consumers now seek durable, portable, and multifunctional options that complement their routines. Lightweight containers with spill-resistant lids and ergonomic designs are increasingly preferred. These products are not only practical but also add a sense of personal style to everyday hydration habits.2. Advanced Material ChoicesHigh-quality materials ensure longevity and resilience. Unlike glass or ceramic, these containers resist impact, reducing the risk of breakage. Food-grade plastics are commonly used, ensuring safety for hot and cold beverages. Manufacturers emphasize precise molding techniques and

Hello, I want to create landing pages in Figma and improve my skills. I'd like to join a team or work on real projects on my own. What can I do? I'd be very grateful if you could contact me if you can help me.Thank you.