Skip to main content

Showcase Your Work

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

  • 109 Topics
  • 120 Replies
109 Topics
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 FeedbackSparkUI is just getting started! 🚀 I’ll be rolling out regular updates to improve functionality, fix bugs, and add new features

431
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

230
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

280
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 

180
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

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

120
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 🧑‍💻 👩‍💻🦥 😴 &#x

7879
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 the la

441
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

491
StanleyJames
Prathamesh Koshti
Prathamesh KoshtiNew Member
posted in Showcase Your Work
I created a figma plugin that generates a color palette using bezier curve

Transform your design workflow with this intuitive color palette generator that creates harmonious and accessible color scales. Using advanced HSV color mapping and Bézier curves, this plugin helps you generate professional color palettes.Key Features:Effortless Palette Generation Powerful Bézier Curve Control Accessibility Seamless Integration and Export colors into frames and stylesThis plugin is perfect for design systems, brand guidelines, or any project requiring consistent color scales. It streamlines the color creation process while ensuring your palettes meet professional quality standards.

1245
D
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.

8061
hannelevanska6
AudeGleef
AudeGleefNew Member
posted in Showcase Your Work
Introducing Gleef Localization Key Generator - automating localization key management right inside Figma

Hey Figma community!I’m excited to introduce Gleef Localization Key Generator, a game-changer for automating localization key management—right inside Figma! If you’re tired of manual key naming and inconsistent formatting.Key Features:✅ Analyze existing keys – Avoid duplicates and understand your naming conventions.✅ Generate keys automatically – Context-aware key creation from your design files.✅ View & manage keys in Figma – No more switching tools!Why use Gleef?🔹 Save time – No more manual key handling.🔹 Cleaner codebase – Standardized naming conventions.🔹 Better organization – Instantly see translated & pending keys.How It Works:1️⃣ Import localization files with predefined naming options.2️⃣ Select your source language for translations.3️⃣ Choose screens/frames you’re localizing.4️⃣ Adjust keys before exporting for full control.5️⃣ Export ready-to-use files for seamless integration.🔗 Get started now: Plugin FigmaI’d love to hear your feedback try it out and let me know

320
AudeGleef
EmizenTech
EmizenTechNew Member
asked in Showcase Your Work
Custom Salesforce Development Services

EmizenTech offers custom Salesforce development services with over 11 years of experience. We specialize in creating tailored Salesforce solutions to meet your unique business needs. Our services include Salesforce development, Salesforce integration, Salesforce consulting, Salesforce customization, and Salesforce migration. Whether you're looking to build new features, integrate Salesforce with other systems, or migrate to Salesforce from another platform, our expert team is here to help. With our deep expertise, we ensure that your Salesforce solution works perfectly to improve your business processes and drive growth. Choose EmizenTech for reliable and customized Salesforce solutions.

361
Peter Aly
Elvis Ovie Itive
Elvis Ovie ItiveNew Member
asked in Showcase Your Work
InspectRun: The Ultimate Figma Plugin for Designers and Developers

Elevate your design quality with InspectRun – the must-have tool for analyzing and enhancing your designs. Perfect for ensuring accessibility, usability, and polished aesthetics. Key Features:• Analyze text, images, fonts, and frames for common design issues.• Check contrast ratios, text sizes, spacing, and layer visibility.• Ensure compliance with WCAG accessibility standards.• Get actionable suggestions to refine and optimize your designs. Designed to help you create accessible, user-friendly, and professional designs with ease. 💡 Try InspectRun today and transform your design workflow! Install InspectRun for FREE on Figma #FigmaPlugin #Accessibility #DesignTools #UIUX #InspectRun

170
Elvis Ovie Itive
Phu_Nguyen
Phu_NguyenActive Member
posted in Showcase Your Work
[Prototype] Celebrate lunar new year - Vietnamese version

I think today is the last working day for Vietnamese buddies, and everyone is packing things up for a long trip to their hometown to celebrate Tet with beloved ones.I created this animation using Figma prototype, inspired by boarding pass and friend request UI in Pokemon GO.Hopes you all a successful and happy lunar new year. Chúc mừng năm mới!

250
Phu_Nguyen
yashitechsolutions
yashitechsolutionsNew Member
posted in Showcase Your Work
Want your HTML sites in Figma ASAP? Our plugin lets you import 40 a week, free of charge. Web design bliss!

Html DesignHey fellow designers! 👋we've finally created something we think could be genuinely useful for fellow designers. Our HTML-to-Figma converter (Html to Figma By Yashitech Solutions) handles 40 imports per week, and we deliberately made them free because we believe in making great design tools accessible.Plugin Link: https://bit.ly/html-to-figmaWatch Tutorial: ✨ Key Features🎯 Capture any webpage with one click ⚡ Convert HTML/CSS to Figma instantly 🎨 Keep all styles and colors exactly as they are 🔄 Keep your design structure intact 💨 Quick and light processingSetup Curious to hear your thoughts - what's your current process for studying or recreating websites in Figma? What would make this even more useful for your workflow?Let's discuss! 💭#FigmaTips #DesignWorkflow #WebDesign  

570
yashitechsolutions
Paul Peeters
Paul PeetersNew Member
posted in Showcase Your Work
JSON to Canvas Ninja Plugin

 Hi figma-community. I’m thrilled to introduce my new plugin, JSON to Canvas Ninja,  designed to seamlessly integrate JSON data into your Figma designs and even generate designs directly from your JSON files.As a designer, I often found myself repeatedly creating numerous frames filled with text and image assets, all of which were already defined in the JSON files powering the projects. The process was tedious and time-consuming, so I set out to develop a robust and free solution to streamline this workflow—a plugin tailored to this specific use case.I’ve invested a great deal of effort into crafting this tool and would deeply value your feedback.I’m excited to share this with you and look forward to hearing your thoughts!Effortlessly enhance your Figma designs with real data using JSON to Canvas Ninja. Populate your designs with actual product content, making your prototypes accurate, realistic, and production-ready. Say goodbye to placeholder text and lorem ipsum—design with confiden

460
Paul Peeters
Duane Harrison
Duane HarrisonNew Member
posted in Showcase Your Work
Figma to Website: Export Your Prototype as a Live Site

Figmafolio lets you transform your Figma designs into fully functional websites without writing any code. Skip the HTML and CSS export - your prototype becomes a live website instantly, preserving all your interactions, animations, and transitions exactly as you designed them in Figma. Here's how it works:Install the Figmafolio plugin Create your design in Figma (you can use our pre-built templates to get started quickly) Set up your prototype with transitions and animations Use the plugin to preview and publish your site  Key features:Instantly get a live website with its own URL Create separate desktop and mobile versions, or use Figma's responsive prototyping for adaptive layouts Real-time updates when you make changes in Figma Password protection for client work or NDAs Custom domain support Multiple project managementIt's particularly useful for portfolios, landing pages, or any situation where you need to quickly turn a Figma design into a live website. The free tier lets you pub

3300
Duane Harrison
Sabit
SabitNew Participant
posted in Showcase Your Work
We released smart plugin for quick generate colors palette

https://www.figma.com/community/plugin/1456944853117354366/🎨 Usable Colors – is a modern plugin that streamlines color palette creation with a focus on practical contrast combinations. It smartly generates vibrant, dark, light, and inverse variations from your base color, ensuring both visual appeal and usability in your designs. With real-time adjustments and seamless integration into Figma Styles (Local Styles), this plugin helps designers create functional and impactful color systems effortlessly.

430
Sabit
Sergey_Tomashevsky
Sergey_Tomashevsky
posted in Showcase Your Work
Introducing Variables Editor: Simplify Variable Management in Figma

Simplify your variable management in Figma with the latest version of Variables Editor. This update brings powerful new features to streamline your workflow, eliminate unnecessary navigation, and keep your focus on design. Key Features • Edit Variables in Place: Select text linked to a variable and edit it directly, skipping complex navigation or nested paths. • Reference-Aware Updates: Edit variables that reference others without breaking links — changes automatically apply to the final target. • Multi-Line Inputs with Line Breaks: Enjoy flexible value editing with full line break support in spacious input fields. • Undo Changes Instantly: Revert variable names or values to their previous state with a single click. • Quick Variable Creation: Add new variables directly to the current collection, right where you’re working. • Resizable Interface: Adjust the plugin window and input fields to fit your needs, whether dealing with simple text or complex structures. Who is it for? Perfect f

1020
Sergey_Tomashevsky
mohan_vadivel
mohan_vadivel
posted in Showcase Your Work
Create accessible color palette for your design system in no time with HCT Palette

Hey folkz! checkout my Figma plugin HCT palette, now you can create accessible color palette for your design system in no time using HCT, a perceptual uniform color space. Figma Plugin: https://www.figma.com/community/plugin/1371086443917343826/hct-palette Also checkout the web version: https://mohanvadivel.com/projects/hct-tonal-palette-generator/index.html If you’re not familiar with what a perceptual uniform color space is, check out this article: Perceptual Uniform Color Space For a deeper dive into building an accessible color system, checkout this article: Building an Accessible Color System

230
mohan_vadivel
mohan_vadivel
mohan_vadivel
posted in Showcase Your Work
Pantone Hub, ultimate tool for all things Pantone in Figma!

Hey Folkz! Check out my Figma plugin Pantone Hub – your ultimate tool for all things Pantone in Figma! Easily discover, explore, and convert colors with seamless access to Pantone libraries. You can even match your custom colors to their Pantone equivalents. Give it a try and let me know what you think https://www.figma.com/community/plugin/1447117069413678958/pantone-hub

260
mohan_vadivel
leo31
leo31
posted in Showcase Your Work
Codify - Figma to Code , A brand new code generation plugin

Codify is a Figma plugin that can convert design files into various code formats, such as React, Vue, HTML, and CSS. This is a Figma plugin that I put a lot of effort into developing. I created it because it was needed for my work. The team I’m on uses Vue components library to build the business system. I had tried using many excellent Figma to HTML plugins from the community before, but they all generated Vue or React component code, which was thoughtful but unfortunately our team doesn’t use that code. So I decided to develop my own Figma to Code plugin that can map component libraries. This process took nearly 200 days, and then it has been applied in the team’s production environment until now, and it has greatly improved our work efficiency. For this, I spent another 5 months rewriting the controllable API and code generation for various front-end frameworks. This way, it can meet the needs and development standards of every enterprise and team. Now I’m excited to publish it to t

20842
John_Ross
Studio_Artishop
Studio_Artishop
posted in Showcase Your Work
Color Mapper - Visual Color Remapping Plugin

Hey Figma community! 👋 Introducing Color Mapper, a new plugin that brings Illustrator-style color remapping to Figma while preserving library styles. https://www.figma.com/community/plugin/1440718215211274832/color-mapper What does it do? 🤔 Visually remap colors across your designs using drag and drop, while maintaining library style connections. Perfect for theme switching, brand updates, or quick color explorations! Key Features 🔥 Drag-and-drop interface (inspired by Illustrator’s color tool) Preserves Figma library styles Works with solids and gradients Batch updates Smart style detection Usage 💡 Select elements Drag colors to remap Apply changes Color Mapper Happy to hear your thoughts and feedback! Would love to know what features you’d like to see next. 🙌 #plugin #color #design-systems styles

310
Studio_Artishop
Terms & ConditionsCookie settings