Skip to main content

Showcase Your Work

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

  • 102 Topics
  • 114 Replies
102 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

800
S
Figmate
zhengpeiqin1996
zhengpeiqin1996New Participant
posted in Showcase Your Work
A plugin to add watermark to figma slides

I have export a plugin to add watermark to figma slides: https://www.figma.com/community/plugin/1485500879780493781/slide-watermark come to try it!

00
zhengpeiqin1996
Mastro
MastroNew Participant
posted in Showcase Your Work
Introducing 'Class Action', a plugin that allows you to store multiple frame properties as CSS-like classes in Figma.

👋 Hey Figma friends! I'm excited to share Class Action , a new plugin that brings CSS-like class management to Figma! 🎯 What it solves: Ever wished you could save multiple style properties as a single class in Figma? Like combining auto-layout settings, border-radius, background color, and effects into one reusable class? Now you can and it also works with style references and variable tokens! ✨ Key Features: Save multiple properties under a single class name Apply styles either by clicking or through layer naming Manage your frames like you would in Webflow Keep your design system consistent across all frames 🔗 Check it out here: https://www.figma.com/community/plugin/1479216087650447650/class-action Fun fact: I built this as a non-developer using Cursor, proving that to be a modern digital designer sometimes you need to know what npm run build does. I’d love to hear your thoughts and feedback! 🙌

110
Mastro
Tomasz Ostrowski
Tomasz OstrowskiNew Member
posted in Showcase Your Work
Plugin for creating skeleton screens – Skeleton Craft

Hey Designers! Meet Skeleton Craft! I’m super excited to introduce my new Figma plugin, Skeleton Craft! 🎉 What’s Skeleton Craft? It’s a handy tool I created to help you make skeleton screens from your designs. Whether you’re working on prototypes, presentations, or need simple graphics for marketing, it’s got you covered. Why you’ll love it: Easily tweak colors and strokes Simplify inputs and images Detach component instances with a click to change them into skeleton versions Use it for: Creating loading screens Designing clear, minimal graphics for your projects Check it out on the Figma Community and see how Skeleton Craft can enhance your workflow! 👇 https://www.figma.com/community/plugin/1468695523811733262/skeleton-craft-effortless-skeleton-screens-for-loading-and-simplified-ui If you have any feedback – I’m listening and I’ll do my best to improve the plugin with every update.

100
Tomasz Ostrowski
MariangellysRodriguezE
MariangellysRodriguezENew Member
posted in Showcase Your Work
Public Feedback on Protoype for college assignment.

Hello everyone! My name is Mariangellys, and I’m a student currently taking a User Experience class where we use Figma. As part of that class, we have to get feedback on one of our last assignments. In my case, it would be for a simple main menu prototype. I’m looking for people willing to test out my prototype and give feedback on what works well and where I can improve. You can find my prototype here: Link to prototype Feel free to check it out and do a few runs. As a note, you cannot currently enter any text as I have not figured out how to include that if its possible. Please leave your feedback here: Google form for feedback Thank you for your time!

280
MariangellysRodriguezE
Ruan Correia
Ruan CorreiaNew Member
posted in Showcase Your Work
Rate my design work

Hey everyone! I'm just starting my graphic design journey and I want some advices on this recent work I made. It was for a imaginary company that deals with sustentability. I used Figma because my computer is not very strong to run the other tools, I hope you can help me with some advices, thank you so much : https://www.figma.com/design/BnwP5AM2ru5ONDC8xC6BgC/Untitled?t=i6pGf5LpqxXkSppc-1

160
Ruan Correia
zhengpeiqin1996
zhengpeiqin1996New Participant
posted in Showcase Your Work
A plugin to export FigJam stickies group by section

I have export a plugin to help export FigJam stickies group by section: https://www.figma.com/community/plugin/1482948715176017495/figjam-stickies-export

30
zhengpeiqin1996
zhengpeiqin1996
zhengpeiqin1996New Participant
posted in Showcase Your Work
A plugin to add page numbers on Slide Decks

I have published a plugin to add page numbers on Slide Decks, maybe it can improve your work efficiency. Welcome to use it and give us your feedback. https://www.figma.com/community/plugin/1479514063647594538/slide-auto-page-number

90
zhengpeiqin1996
RheaRoy
RheaRoyNew Member
posted in Showcase Your Work
Transforming Software Development: Harnessing the Power of AI and Machine Learning

The world of software development is undergoing a dramatic shift, driven by the rapid evolution of artificial intelligence (AI) and machine learning (ML). These technologies are not just buzzwords but fundamental tools reshaping how software is designed, developed, and deployed. AI and ML empower developers to create smarter, more efficient applications that can learn from data, adapt to changing conditions, and automate complex tasks. By integrating these technologies into the development process, teams can significantly improve productivity, reduce errors, and deliver personalized user experiences. AI assists in automating repetitive tasks, such as code generation, bug detection, and testing, which allows developers to focus on higher-level problem-solving and innovation. Machine learning algorithms can optimize software performance, predict user behavior, and offer intelligent insights, helping businesses make data-driven decisions. The combination of AI and ML is not just transform

80
RheaRoy
Jakub Hajduk
Jakub HajdukNew Member
posted in Showcase Your Work
figwire - bidirectional awaitable IPC communication for figma plugin development

Hi, I’m an author of an figwire - lightweight typescript friendly library for seamless communication between plugin and UI layers. https://www.npmjs.com/package/figwire How does it work: For the work on the plugin side use imports from `figwire/plugin`, and for the work on the ui side use imports from `figwire/ui` On the one side you define the methods that will be available on the other side: const pluginApi = defineApi({ greet: (name: string) => `Hello ${name}!`}); Export the type for these definitions: export type PluginAPIDefinition = typeof pluginApi; Provide the type for the client on the other side: const pluginApiClient = client<PluginAPIDefinition>(); Use the methods using typescript suggestions: const greeting = await pluginApiClient.greet('Johnny Jeep'); And that’s it. It’s an early release, therefore I am open to suggestions. Please let me know what you think!

130
Jakub Hajduk
Usapad
UsapadNew Member
posted in Showcase Your Work
Buy Prayer Journals for Reflection and Faith at USA Pad

Explore a wide selection of custom prayer journals at USAPad. Whether for personal reflection, gifts, or group events, our affordable, high-quality journals are perfect for churches, retreats, or personal use. Customize your prayer journal with names, dates, Bible verses, and more. Available in various styles, including foil-stamped, hardcover, and spiral-bound designs. Order in bulk or as a single piece for any occasion. Fast delivery and easy ordering. Call for a free quote today! Click here to visit: https://www.usapad.com/prayer-journals.html

60
Usapad
Syedkhub
SyedkhubNew Member
asked in Showcase Your Work
Why is Grammarly not working in FigJam?

I want to try Grammarly in FigJam but the extension says: figma.com is not supported For technical reasons, we currently do not check your text on this website. Please use your Grammarly Editor instead. Please enable Grammarly in FigJam instead.

90
Syedkhub
Justin_Taylor
Justin_TaylorNew Member
posted in Showcase Your Work
NEW: Bolt Figma - Build Figma Plugins Faster

Hey Figma Plugin Devs 👋 I’m really excited to release this open source project to the world! Bolt Figma is our new framework that lets you build Figma plugins faster. Key features include: Start a new project in seconds with yarn, npm, or pnpm Pick Svelte, React, or Vue for your frontend framework Full Type Safety for the Frontend, Backend and Manifest Instant Hot Reloading powered by Vite.js Optimized Build Size And so much more https://hyperbrew.co/resources/bolt-figma/ We’ve already have 2 products go live using Bolt Figma, and excited to see what new projects people build with it. Huge thanks to Figma for making this project possible via the Figma Creator Fund 🙏 If you’re starting a new Figma plugin, try out Bolt and let me know how you like it!

10672
Justin_Taylor
Shannon Williams
Shannon WilliamsNew Member
posted in Showcase Your Work
Nothing More Analysis

Answer questions about the song Nothing More

30
Shannon Williams
marcinukleja
marcinuklejaNew Participant
posted in Showcase Your Work
My most advanced Figma plugin: FigLint

🟦 FigLint Check your designs and identify common issues, layer‑by‑layer. 🔦 I just want to give my plugin a little spotlight – I believe it can help… ⚠️ Problem: Design issues hide in the Design panel, making them hard to spot.✅ Solution: FigLint scans, categorizes, and lists all affected layers. 🤓 Perfect for perfectionists, design system teams, and smoother handoffs. This project means a lot to me – if you find FigLint helpful, please spread the word! https://www.figma.com/community/plugin/1323794044088972088/figlint

530
marcinukleja
abbaas
abbaasNew Member
asked in Showcase Your Work
New plugin lauched - Welcome to SparkUI

🚀 Introducing SparkUI – The AI-Powered Figma Plugin for Designers! 🎨✨ Hey Figma Community! I’m excited to announce the launch of SparkUI, a brand-new plugin designed to enhance your design workflow like never before! Whether you're a seasoned designer or just starting out, SparkUI helps you design smarter, build faster, and create effortlessly. 🔥 Key Features: ✅ AI-Powered Frame-to-Code Generation – Convert any design frame into clean, production-ready code instantly. No more manual handoffs!✅ One-Click Core Components – Quickly create reusable UI components to maintain consistency across your designs.✅ Comprehensive Icon Library – Browse and add high-quality icons to your designs in just one click.✅ Professional Image Mock-Up Integration – Search, filter, and embed realistic mock-ups directly into your Figma canvas. 📢 Regular Updates & Community Feedback SparkUI is just getting started! 🚀 I’ll be rolling out regular updates to improve functionality, fix bugs, and add new features

411
abbaas
Harsh_Singhal
Harsh_SinghalNew Member
posted in Showcase Your Work
Built a tool audit your Figma files and generate a report

Heyy everyone.. 👋 Been working on a tool that reviews your Figma files and catches inconsistencies in colors, typography, spacing, stroke and radius (more like a Figma File Roaster). It generates a design file health web report so you can spot and fix issues faster! Would love if anyone would like to try it out and share feedback. We are still rolling it out slowly, but feel free to join waitlist to get early access: https://tally.so/r/mDZdJN

150
Harsh_Singhal
Jorge Casals
Jorge CasalsNew Member
posted in Showcase Your Work
Pull and import real data into Figma designs

Hello community! We’ve built a plugin capable of pulling, importing and syncing real-data from multiple official data sources such Shopify, WordPress, WooCommerce, Airtable, Google Sheets and more, right into Figma designs. Moreover, it doesn’t matter what is the name of the layers you wish to connect, our system automatically recognizes wether the layer is text or image. Our Google Sheets integration differs from others too! We allow the connection of private Google Sheets, no need to share public Google Sheets URLs where data privacy is at danger. Hope you like it ! Here is the plugin: Plugin

180
Jorge Casals
Oreoluwa Adekunle
Oreoluwa AdekunleNew Member
asked in Showcase Your Work
Mobile app

Guys check this project out and tell me if there is need for any corrections guys

160
Oreoluwa Adekunle
Filipp
FilippNew Member
asked in Showcase Your Work
Export responsive layout html+css that includes media queries?

Is it possible to export responsive layout html+css that includes media queries (for the available viewports of my design, e.g., desktop, tablet, mobile, code from Figma? Best,Filipp

422
Filipp
Oreoluwa Adekunle
Oreoluwa AdekunleNew Member
asked in Showcase Your Work
Learning App

Please guys check my work and please any correction, i will be very happy to hear it from you guys thanks.

90
Oreoluwa Adekunle
parrot
parrotNew Participant
posted in Showcase Your Work
Figcd - Continues Delivery for Figma Plugins

During the development of Parrot, I found immense inspiration from the exceptional work of other talented creators and contributors like @Gleb, @tonypinkevych and the entire community! Your dedication and passion fueled my own journey. Today, I’m excited to give back and share something valuable as well. Introducing figcd(GitHub - parrot-global/figcd: Figma Plugin CLI Publisher) – an opensource tool aimed at making publishing of new versions of Figma plugins seamless and hassle-free. Now that the Parrot Plugin is live, I’ve become acutely aware of the laborious and error-prone steps involved in releasing a new version of a Figma plugin. Before commit and push changes to the repository building the plugin code for production updating version numbers 🙈 realizing that 3. should have happend before 2. to work properly with mixedpanel publishing to Sentry Preparing release in the Figma App and press publish 🧑‍💻 👩‍💻🦥 😴 🤬 Comming from Backend and Mobile App development and used to too

7789
Saulo_Vallory
Sofie_Katan1
Sofie_Katan1New Member
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 t

371
StanleyJames
uttara bhurkunde
uttara bhurkundeNew Member
asked in Showcase Your Work
A pop up guidance for non techy elder people

check out my designs A pop up guidance feature in phone to guide non techy elder people to use certain features without any complication.It has customizable voice triggers, user friendly , also can ask type in questions if needed.

210
uttara bhurkunde
Rodrigo_Daud
Rodrigo_Daud
posted in Showcase Your Work
Keywords Generator Powered by AI

Hey, community! I just released a new plugin called Keywords Generator. Powered by an integration with GPT, it lets you instantly generate keywords for your component descriptions. Use Case The need to create keywords for component descriptions to make them easier to search or discover. Pain Addressed The daunting, manual task of creating keywords for each component individually. How it works Enter a valid OpenAI Key. Select all components you’d like to generate keywords for. Choose the number and language of the keywords, click to generate, and wait for the plugin to finish. Check out the plugin

431
StanleyJames

Solved topics

Trending tags

Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings