Showcase Your Work

I designed a Productivity Workspace in Figma Make to bring structure, focus, and a little fun into daily work. It’s a space where individuals and teams can stay productive while enjoying customizable environments.✨ Features: ⏱️ Pomodoro Timer – focus with structured 25/5 cycles 🎶 Music Player – ambient tracks to set the mood 🌟 Custom Modes – switch between Rainy Day, Anime, or Animal Mode to match your vibe 💬 Team Chat & Invite – collaborate in real-time, set timers together, and keep each other motivated 👉 Explore the live site: Productivity Workspace👉 Figma file: Figma CommunityI’d love to hear your feedback and ideas! Would you like to see more modes added in the future? 

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 

I've been working on an iOS app recently, and there's been an issue that's been bothering me for a long time - Figma's preview window can't be detached from the main window. After some research, I discovered that I could use Xcode Simulator to achieve this purpose, and I eventually succeeded. If you have the same need, feel free to check out my blog post.https://blog.heronhq.com/en/how-to-preview-your-mobile-designs-outside-the-main-figma-window/  

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!👉 https://www.figma.com/community/plugin/1078657295141928162/quick-commands  New settings panel: Custom Aliases:Fuzzy search demo:  

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

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 design and cybersecurity inspired us to rethink how we craft user flows and messages. Let’s discuss: what are your best practices for incorporat

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

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

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

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

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

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

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 tutorials and FAQs . We hope you find Airfig useful, and would welcome any comments or suggestions you may have.