Skip to main content

Showcase Your Work

Show off your Figma projects and get feedback from the community.

  • 142 Topics
  • 134 Replies
142 Topics
S
Figmate
seniManager, Community Support
posted in Showcase Your Work
READ ME: How to use the Showcase Your Work category?

Showcase Your Work is that category where you can show off your Figma creations, get feedback on them or simply promote them.

Please do keep your posts somewhat related to Figma, avoid spam, and follow our Forum Guidelines, Figma Community Guidelines and Code of Conduct! Examples:✅ You can ❌ Avoid Ask for feedback on a design you created in Figma Design Posting content that does not relate to (or was not built in) Figma products Promote a plugin you’ve built that can help users in their Figma files Promoting products, services and events/meetups Share a Figma Slides template you’ve created Posting job descriptions or hiring calls  

2210
S
Figmate
Girlie Zarandona
Girlie ZarandonaNew Member
posted in Showcase Your Work
My first mobile app screen recreation

Hi, Figma Fam! It’s been less than a week since I got hook with figma and declared that I will become a UI designer by 2026. This is my first recreation of mobile app screen. It feels good that I know I’m getting the hang of this. Wish me luck. 

241
Nwanchor Chibuike
Tank Xu
Tank XuNew Member
posted in Showcase Your Work
The most useful action bar plugin "Quick Commands" released a major update

Over two years ago, I launched the Quick Commands plugin — a tool that lets you run powerful shortcuts right from the action bar. Type “pt10” to set padding top to 10px, or “rb20” to set bottom radius to 20px. It quickly became a favorite among power users who value speed and precision — and I received tons of great suggestions along the way. Now, thanks to a bit of help from AI (which made maintaining the plugin way more efficient), I finally had the time to ship a major update! Two highly requested features are now live:  Fuzzy Search: Can’t remember exact commands? No worries. Just type what you want and let the plugin figure it out. Custom Command Aliases: Create your own shortcut names that match your workflow and memory style.  Give it a spin and let me know what you think!👉 https://www.figma.com/community/plugin/1078657295141928162/quick-commands  New settings panel: Custom Aliases:Fuzzy search demo:  

212
khompitoon
Sun Shifu
Sun ShifuNew Member
posted in Showcase Your Work
The first website I built with Figma Site

This is the first website I've built using Figma Site. You can visit it at www.meridesign.cn. Compared to Frame, I find Figma Site more stable and better in terms of compatibility. Unfortunately, many of the interactions and animations available in Prototype can't be used here. For now, only adaptations for mobile and PC ends, as well as preview functions for Chinese and English languages, have been made. 1、Build the framework using figma stie： 2、Draw the illustrations I like using figma draw： 3、Let my website be previewed on mobile devices： 4、Bind the domain name I like： 5、Open the browser to check out the website I published：www.meridesign.cn

510
Sun Shifu
Sofie_Katan1
Sofie_Katan1New Participant
posted in Showcase Your Work
Tip for creating tap targets larger than the actual component

In the past when building components, the hover and tap targets where always the same size as the component itself.For example, in a list where the hover or tap area should span the full width of the page, the component itself needed to be full-width.So to improve the life of our developers we wanted to transitions from using components with built in margin to allow setting the margin externally. However, the challenge was how to ensure the component would still have a hover/tap target that spanned the full width.I couldn’t find any suggestions online, but after a lot of fiddling and hacking, I discovered a surprisingly simple solution.I wanted to share it here in case others have faced similar challenges:Solution Step 1: Create a layout using auto layout so that the component can scale as needed based on the content. Add the state as it’s own layer and set the position to absolute.For each variant you can change the state as you would normally change the background. Step 2: Set the la

1735
jonesnatelye
lofi_kun
lofi_kunNew Member
posted in Showcase Your Work
Please critic my first mock up!

Hello Figma fam! I created my first mock up design and please offer any feedback.  The app is the first iteration to solve a big huge problem in our society; pain.  The mascot is supposed to be a neutral character from Greek mythology Aceso who is the goddess of healing.  The user will speak to a customer AI system which will then develop an exercise routine and can have follow ups with point reward and community sharing.  

170
lofi_kun
Girlie Zarandona
Girlie ZarandonaNew Member
asked in Showcase Your Work
My first mock up mobile app screen

Hi, Figma Fam! It’s been less than a week since I got hook with figma and declared that I will become a UI designer by 2026. This is my first recreation of mobile app screen. It feels good that I know I’m getting the hang of this. Wish me luck. 

170
Girlie Zarandona
Alex Van
Alex VanNew Member
posted in Showcase Your Work
Empowering Business Cybersecurity with Thoughtful Design

When designing digital experiences, we often focus on UI/UX—but what about security? At Avolute Technology, we believe that secure systems are the foundation of great design.Explore how Avolute Technology approaches cybersecurity with design thinkingTheir work blends functionality with security through:- **Secure UI Components**: Intuitive login flows, with built-in protections (e.g., input validation, MFA prompts, adaptive layout for warnings).- **Transparent Feedback**: Real-time visual indicators that alert users about risky behavior in a subtle, approachable way.- **Smart Defaults**: Settings like auto-logout or privacy-first configurations that align with best practices—without sacrificing ease of use.- **Iterative Testing**: Usability tests that include edge-case threat scenarios to see how users react under pressure.This synergy between design and cybersecurity inspired us to rethink how we craft user flows and messages. Let’s discuss: what are your best practices for incorporat

70
chaloem_khompitoon
D Buko
D BukoNew Member
posted in Showcase Your Work
I created a plugin to export multi-page PDFs with working internal links

I was looking for a plugin that could:  Export multi-page PDFs Preserve internal links from prototype mode (so they work in the PDF, e.g. as a Table of Contents for ebooks)  I found a few options, but they were paid. So I built my own - completely free. Today I published v2.0, which adds the ability to export PDFs in High / Medium / Low quality. If anyone has feedback, I’d love to hear it! Link to plugin: https://www.figma.com/community/plugin/1535371360850075397/figma-to-pdf-with-links-and-multiple-pages Figma to PDF with links and multiple pages 

220
D Buko
sai sampath_04
sai sampath_04New Member
posted in Showcase Your Work
Youtube Low fidelity design using 8 grid system

YouTube low-fidelity design that I made This was what I took as a reference  I just created this using an “8-grid system” as well as a mix of column and row systems to achieve this. Does this look clean?Is the approach of considering an app or website and creating an LFD a good daily practice?I’m just a beginner.

110
sai sampath_04
Briston
BristonNew Member
posted in Showcase Your Work
Figma plugin to generate all possible variant of a component in a single click

Transform any Figma component/Instance/ComponentSet into a comprehensive Table showing every possible variant combination. Instancer allows you to Explore all your component states in one clear, labeled layout.Link to try : https://www.figma.com/community/plugin/1509062764896520083/instancer-bulk-generate-instances-from-a-component Features : Auto-Generate All Variants - Creates every possible component combination instantly Smart Property Controls - Choose which properties to include or exclude from generation Live Combination Counter - See total possible variants and nested instances at a glance Toggle-Based Filtering - Use switches to turn properties on/off for precise control Organized Matrix Layout - Clean grid arrangement makes all combinations easy to scan Clear Instance Labels - Every variant shows exactly which properties are active One-Click Generation - Select any component and generate complete variant overview instantlyIts a one-stop pit stop for reviewing design system co

300
Briston
Puneesh Khanchandani
Puneesh KhanchandaniNew Member
posted in Showcase Your Work
I just made my first UX/UI project , and would like honest feedback.

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

391
Jcee Young
Karel Prokes
Karel ProkesNew Member
posted in Showcase Your Work
Shape Blender – New Figma Plugin

Craft dynamic hero illustrations, abstract backgrounds for posters, presentations or social media graphics. Pick your shape, size, rotation, choose colour or blur and see instant live preview. Drag positions, tweak atribute with intuitive scrubby sliders. One-click exports a crisp SVG straight onto your Figma page. Built for designers who live in Figma and need eye-catching hero graphics, backgrounds, UI transitions or motion-prep assets – fast. https://www.figma.com/community/plugin/1531602501663749612/shape-blenderFREE – for now :)

220
Karel Prokes
yaela-design
yaela-designNew Member
posted in Showcase Your Work
Friends! I would love to have an opinion on a stunning website!!

https://www.figma.com/design/ZcKoFcsYc5BQ2PGMfGOst5/%D7%94%D7%A6%D7%92%D7%AA-%D7%A2%D7%91%D7%95%D7%93%D7%95%D7%AA?node-id=0-1&p=f&t=LWarM02lFv2ycI32-0

270
yaela-design
Achmad Alimin
Achmad AliminNew Participant
posted in Showcase Your Work
Introducin Calino AI Image Generator: Create stunning images without leaving Figma!

Hey Figma Community! 👋Tired of hunting for the perfect stock photo or switching between multiple apps just to generate images for your designs? I've been working on something that might change your workflow forever.Meet Calino - an AI image generator that lives right inside Figma! https://www.figma.com/community/plugin/1517540693787924133/calino-ai-image-generator Why designers love Calino:Stay in your flowGenerate images without leaving Figma No more copy-paste from external tools Seamless integration with your existing workflowPerfect for every design needUI mockups and prototypes Creative concepts and mood boards Social media graphics Marketing materials Placeholder content that actually looks goodSmart & intuitiveSimple prompts = stunning results Multiple styles and formats High-quality outputs ready for productionFlexible pricing for every creatorFrom hobbyists to professional teams, Calino has options that fit your workflow and budget. Whether you're exploring ideas or shipp

210
Achmad Alimin
Tank Xu
Tank XuNew Member
posted in Showcase Your Work
Designers, grab the ⚡️Figma Shortcuts plugin | Make every Figma hotkey your own!

Tired of Figma’s fixed shortcuts? From now on, Shortcuts takes over. Set any key combo you like and let your workflow obey you 👇 🔑 Tweak Figma’s default keys  Align left, distribute horizontally, full width/height…   Replace every “locked” combo with the keys you find most comfortable. No more compromises.  ✨ Create shortcuts for any action  Copy the sample scripts and bind keys for tasks like “16 px border-radius”, “swap brand color”, “rename selected layers”.   No heavy plugin coding needed—just a light script, a shortcut, and instant automation. ⚙️ Action cards, crystal clear  **⌘ + click** a card → set its shortcut right away   **⌥ + click** a card → run it for a quick test   Real-time conflict alerts keep things tidy. 📥 Quick start: https://www.figma.com/community/plugin/ShortcutsTurn hundreds of daily clicks into a handful of keystrokes and speed up your design flow 🚀   🚀 Figma Script Generator: https://poplab.ai/apps/tankXWAJ2nEm6h4bZWZFI📖 Designer-friendly Figma Script do

240
Tank Xu
Petr_Krykin
Petr_KrykinNew Member
posted in Showcase Your Work
Style Hunter plugin released

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

810
Petr_Krykin
David Querg
David QuergNew Member
posted in Showcase Your Work
AVA Palettes - Simply Better Color Palettes (Plugin, beta)

Still frame of a video capture of AVA Palettes🚀 Excited to share — AVA Palettes is now live in beta on Figma! 🎨✨What is AVA Palettes?A fast, flexible color tool for anyone building palettes inside Figma — backed by modern color science and designed to keep you in control.Why give it a try?✅ Generate full color ramps in seconds from a single base color✅ Built on OKLCH for perceptually uniform, predictable shade spacing✅ Sculpt color scales with bézier curves for  brightness, hue, and saturation✅ Export directly to Figma color variables — ready for dev handoff✅ Built-in accessibility: live WCAG 2 and APCA contrast checks✅ Color-blind simulators (Protan, Deutan, Tritan)✅ Light & dark mode palette sync✅ Manage multiple ramps per project with auto-naming✅ Unlimited projects and palettes✅ Private, lightweight, and totally free during betaWhy it’s worth a look:If you’re building design systems, refining UI themes, or just tired of fiddling with manual palette steps — AVA gets you clean,

200
David Querg
Ruslan_Gabdrashitov
Ruslan_GabdrashitovNew Member
posted in Showcase Your Work
New design system & site builder

Hello everyone! Please try out the new unique two-level Figmastica system, a large library of several thousand components, design tokens, styles, and local variables.It includes hundreds of ready-made sections for websites that are adapted to any device using the latest Figma updates.This saves hundreds of hours of time spent on website design. Now creating a website in Figma has never been faster or easier!https://www.figma.com/community/file/1524448265587210925

160
Ruslan_Gabdrashitov
LPJC
LPJC
posted in Showcase Your Work
Scenario Planning template, feedback wanted

Hi there, I thought this could be a good place to share my first version of a Scenario Plannings Template. As this is my first FigJam template, I’d love any constructive feedback on the design. Scenario Planning is a powerful method for organizations to anticipate and prepare for the future by creating and analyzing multiple potential scenarios. This template should help teams identify potential risks and opportunities, and develop strategies to thrive in any scenario. Check out the template here: Scenario Planning Template Wanna know more? Scenario planning is validated both in practice and in academia. For a case study, check out this Forbes article. Even more curious? The wikipedia page has an abundance of resources on the subject.

8312
inout
Ryan Hannibal
Ryan HannibalNew Member
asked in Showcase Your Work
I need help building a protype that could change the way fans interact with college football.

Hello,I am in the early stages of building my stealth stage for my AR app. I need help in building a protype for my MVP. 

100
Ryan Hannibal
Zack007
Zack007New Member
posted in Showcase Your Work
How to control individual cmyk colors in your Figma Print PDF exports

Hi Figma team,I’ve noticed several users requesting the ability to control CMYK colors when exporting print-ready PDFs using plugins like Print for Figma and TinyImage Compressor. This inspired me to create a plugin called PrintTriX PrintTriX works by mapping RGB colors used in your design’s vector elements to specific CMYK or spot colors that you'd like reflected in the final PDF output.I've also put together a video tutorial demonstrating how it works. I’d love to hear your feedback!  

1430
Zack007
Kai Magnus Müller
Kai Magnus MüllerNew Member
posted in Showcase Your Work
ContentKit – Insert content into your Figma designs

After my previous plugins Tree Navigator and Icon Library Manager, I have now published my latest and biggest yet: ContentKitI have put together a playground file, where you can try it out right away: https://www.figma.com/community/file/1500498135891868616/contentkit-playgroundAfter spending many hours manually updating text across dozens of screens, keeping prototypes in sync while iterating, and struggling to tell compelling stories when presenting designs, I decided to create a solution to this problem that is powerful, flexible and performant. ContentKit is the result of that.So what can it do? 🤖 Generate content with AI to get started quickly (obligatory feature) 🎛️ Update text, variant properties, component instances, and colors in your designs ✏️ Create and edit content directly in Figma, no import roundtrips and always have the latest data at hand 👥 Collaborate with your team, share datasets and let others contribute content while you design 🚀 Apply cont

330
Kai Magnus Müller
piotrz
piotrzNew Member
posted in Showcase Your Work
FigML - Figma XML Exporter Plugin

Hey Figma Community!  We are excited to share FigML - a Figma plugin that exports your designs to clean, structured XML format, perfect for AI-powered code generation. 🎯 What FigML DoesTransform Figma designs into developer-friendly XML with one click. Then, you can feed it yourself to ChatGPT or Claude, or any other AI assistant. This allows you to generate production-ready code in any framework - React, Vue, Angular, SwiftUI, or your custom solution.✨ Key Features- One-Click Export: Select frame → Export → Copy XML- Clean Output: Only essential properties, no noise- AI-Optimized: LLMs understand our format instantly- Framework Agnostic: Generate code for any tech stack💡 Pro Tip: Export SmartFor complex designs, export components or sections individually rather than entire pages. This gives you:- Higher quality XML output- Better AI code generation- More accurate component structure- Easier debugging and iteration🚀 The Workflow- Design in Figma (you're already doing this)- Click ex

780
piotrz
aliansyhf
aliansyhfNew Member
posted in Showcase Your Work
How do I remove or disable a hidden loading bar in Figma, specifically the one named "loading bar LGBTQ+"?

Add Adblock Plus (non-premium). Click "Block Element" (blue button). Select the loading bar in Figma (you can simulate loading by throttling your network to 3G/4G Slow). Alternatively, click anywhere on the page and replace the prefilled text in the textarea with: figma.com###filebrowser-loading-progress-bar  Don't force me to support it.

701
aliansyhf
Terms & ConditionsCookie settings