Showcase Your Work

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 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

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

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/

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

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   

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

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

Community link: FigPal KitHey all! In loving memory of FigPals (the temporary Figma Fun Week feature for 2025), I created a set of components that lets you recreate your beloved pals along with the little downloadable photo strip thingy.For fun, I also added in customizable expressions you can apply to your pal, with instructions on how to create new ones if you like. Just wanted to share in case anyone else was interested! File Cover 

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

Turn your ideas into editable Figma designs instantly with Fluvara.ai! Just type a prompt like "modern e-commerce page" and watch our AI generate clean fully editable Figma layers, complete with layouts, typography, and interactive elements like buttons or hover effects. Perfect for designers, developers, and startups to rapidly prototype UI/UX for web and mobile. Save hours on ideation and handoff—try Fluvara free today!https://fluvara.ai/https://www.figma.com/community/plugin/1550163197521237586/fluvara-ai-ai-designer

With the MKitFlow plugin, you can define your workflows directly inside Figma and use a custom dialog to set both fixed and dynamic parameters. You can also pass selected Figma design data into your workflow.It also works the other way around: MKitFlow can receive not only text messages and files, but also direct commands to modify your designs inside Figma.

Hi there Figma community! 👋Really excited to announce Linkit - my new Figma plugin to every design system designer's biggest frustration: library updates that wipe out all your carefully crafted overrides.🔗 https://www.figma.com/community/plugin/1548366187818108639/linkit 💰 $5 one-time purchase - no subscriptions, own it foreverWhy I made it: As a design system design engineer myself, I constantly dealt with detached instances and had no way to reconnect them to parent components without losing overrides. Our entire design chapter shared this pain point.The Solution: Linkit reconnects your instances and frames to target components while preserving your overrides - padding, text, corner radius, and fills (variables now, styles coming soon). I built this as an affordable, straightforward fix for a universal problem we all face. Try Linkit and let me know your thoughts - excited to build more features with community feedback!