Showcase Your Work

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. 

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

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：

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

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.  

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. 

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 desi

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.

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

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

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

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

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

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 (

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

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

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. 

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!  

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 w

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

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.

I designed a website for my fashion brand and want some constructive criticism. Some of the elements are temporary (Like the inconsistent visuals for the shirts, those will change),  What do you think? What works? What doesn’t? It’s pretty simple, I  feel like I could add some more buttons  and whatnot.  

Hey Figma Community!I just wanted to share a recent project I worked on — the complete design of OutRight Systems was done entirely using Figma.From initial wireframes to full-page mockups, components, and prototyping — Figma made it super smooth to collaborate, iterate quickly, and stay organized across pages and modules. The responsiveness and ease of using auto-layout were especially helpful in managing the content-heavy parts of the site.I’d love to get feedback on the design if anyone’s up for it! Always open to learning and improving.Here’s the site: Outright Systems(We’re in the CRM space, so a lot of focus was on clarity, structure, and clean UI.)Let me know what you think or share how you use Figma for full-site designs!Cheers,Mike

Please check out Airfig , a new plugin that lets you flow content from Airtable into Figma and quickly and easily create tables or tiled layouts of cards, each displaying a different record from your Airtable. As a UX designers, we spend way too much time inventing placeholder content, and then then adding and updating the actual content as it gets written and edited, so Airfig is the solution for that. Airfig lets your content team develop the content in Airtable, and then you can add it to your Figma layouts, and update it as it’s edited, with a few clicks. We have [a great playground] (Airfig | Figma Community ) - click Try it out - with linked Airtable files so you can easily give Airfig a test drive, and there’s also also some

After experiencing the challenges of manually organizing frames in my own design workflow, I decided to build a solution. As a newcomer to the Figma plugin ecosystem, I am thrilled to share this tool to help fellow designers work more efficiently.Framenizer helps you effortlessly organize your Figma files with just a few clicks - no more tedious manual arrangement!Key features include:• Automatic frame arrangement (horizontal or vertical)• Consistent spacing between frames• Section titles for better organization• Section wrapping for logical groupings and smoother developer handoffs• Flexible naming optionsWhether you are working on design systems, component libraries, user flows, or prototypes, Framenizer keeps your Figma files clean, organized, and collaboration-fri