Connect with other community members, share your work and get inspired.
Recently active
Two years ago, I developed a chart generation plugin, which now has nearly 40,000 users and over 900 likes. I hope to hear different opinions so that I can improve the plugin.UCharts: https://www.figma.com/community/plugin/1404821057322599271UCharts widget: https://www.figma.com/community/widget/1428377008853905162/ucharts-line-charts-bar-charts-pie-charts-radar-charts-scatter-sankey-area-chartst?q_id=eca1d680-40fb-492c-8a78-cb27bfc12423
Hey Figma community 👋 I just shipped Slotify — a free plugin I built after spending way too long adding slots to components one by one across a large component library.If you've ever had to slot 30+ components manually, you know the pain.Slotify fixes that in one click.👉 Install free here:https://www.figma.com/community/plugin/1620735141653308129/slotify─────────────────────────────✦ WHAT IT DOES─────────────────────────────- Bulk-insert slots across your Selection, current Page, or entire File- Use {name} tokens — slot names auto-fill per component (e.g. "Button Slot")- Anchor a slot to any child layer — position and width follow it automatically- Add multiple named slots to one component using presets (Card: Title + Image + CTA, Two-slot: Header + Body, and more)- Undo the entire last batch instantly if something looks off─────────────────────────────✦ CODE CONNECT BUILT IN─────────────────────────────Slotify has a built-in Code Connect panel — scan your page for slotted compone
Hey everyone,Just launched Text to Checklist on Figma Community — a widget designed to turn any pasted or typed text into interactive, trackable tasks directly on your canvas. Key Features:Text → Checklist in Seconds: Simply paste your text to generate a functional checklist instantly. Progress Tracking: Check items off as you work. Figma Community:https://www.figma.com/community/widget/1607614671101354962/text-to-checklist Try it in the browser:https://inuris.github.io/figma-checklist If you find it helpful, please leave a ❤️ on the widget!
Our Figma sidebar had 8 plugins open. Now it has one.You know the flow: export a PDF in one, check contrast in another, convert units in a third, then open yet another tool just to import a file. Each has its own UI, pricing, and quirks. Half the time the work is simple — but finding the right plugin becomes the work.So we built Waysorted.com.It's a lightweight Figma plugin suite that pulls common design utilities into one place. Beta 1.0 is live now:PaletteTable — color systems with harmony schemes and WCAG/APCA contrast checks Frames to PDF — DPI control, RGB/CMYK, reordering, merging, compression Unit Converter — MM, CM, IN, rem, em → pixel values, with direct frame creation on canvas File Importer — drag and drop AI, PSD, EPS , PDF, Canva files straight into Figma SVG Icon Library — browse, export as components, or copy URLs for dev handoff, with 20+ Icon packs HTML to Design — converts coded interfaces into editable Figma layersFree to start! Honestly curious: which small Figma pl
Building production grade Figma design tokens usually takes weeks(if not months).I built an AI workflow + Figma plugin that generates your token architecture for you.Answer a few questions necessary to provide context to AI tool of your choice → get a structured JSONs .Zip file → import it using plugin → full token system created in seconds.What this does for you: Entire Token hierarchy and aliasing Proper variable organization Web, iOS, and Android naming Auto generated styles Made for designers who want to skip setup and start designing.Plugin: Figma Variables Tokens ImporterGitHub: GitHub Repo - Leave a ⭐Demo community file: Figma Playground File with tokens already importedYou can also download the sample .zip file created using Claude(free version) here, and run the plugin - drag and drop, see the magic(do this in a new Figma file)Message to Figma team - Figma connectors to Claude and other AI tools come with multiple skills, this could be a fantastic addition to it. This is
https://senati.blackboard.com/bbcswebdav/pid-43483601-dt-content-rid-364071633_1/xid-364071633_1
IconNovaHi Figma Community 👋Icon handoff between Figma and code has always been one of the most repetitive parts of my workflow cleaning SVGs, managing fonts, keeping everything in sync...So I built IconNova to automate the entire process inside Figma.What it does:✨ Export clean Inline SVGs (currentColor ready)🔠 Generate icon fonts (TTF / WOFF)📦 Create JSON + CSS mapping for developers🔒 100% offline — privacy-firstAlready at 345+ users in 5 days, and improving fast based on feedback (just added inline SVG copy today).Would love your thoughts - especially around your current icon workflow 👀https://www.figma.com/community/plugin/1619361051850350459
Hello, I am currently looking for a web designers and clients which have been used web designer service for participating in student project about design-client collaboration prototype. I need someone who can share about pain points, problems, challenges, workflow, process. I will need real participant 2 to 5 people which will also give feedback on the produced prototype later, evaluations, everything else required like interviews questions to real users. Please respond if intrested it is voluntary and very interesting project.
Hey Figma community 👋I want to share something I built out of pure frustration Framify Video Exporter, a free plugin that lets you export any Figma frame with video layers and layers with Figma effects as a proper video file (MP4, GIF, WEBM), right from the plugin panel.The backstory: I kept screen recording my own mockups to share with clients. Shaky cursor, wrong frame rate, glass effects looking completely broken. There had to be a better way. So I built one.It already has over 200 actives users in two weeks since the launch! Which is super exciting. What makes Framify differentThe big thing — and the reason I'm actually proud of this — is that Framify uses Figma's own renderer to export each frame. Not a canvas approximation. Not a screenshot hack. Figma renders every frame itself, which means:Glass effects, backdrop blur, layer blur, refraction — all preserved in the export Your frosted glass UI looks in the video exactly how it looks in Figma Layer order is pixel-perfect — beze
OpenBridge Design System 6.1 us a huge design system that offers a collection of tools to improve design of maritime and safety critical workplaces. However, it has content that is likely to be useful in much broader setting. It has extensive Figma documentation and a full web components open source code library. All for free use. 👉 UI components👉 Alert systems👉 Bars and graphs👉 Instruments for ships, planes, ROV, drones and more. 👉 Augmented reality👉 Maps👉 Industrial automation👉 Open Source CodeIt is an open-standard framework built for maritime and industrial applications — ranging from vessel control interfaces to complex monitoring dashboards. Developed with safety-critical environments in mind, OpenBridge ensures consistency, clarity, and reliability in demanding operational settings. Learn more about OpenBridge at www.openbridge.no
Hi everyone,If you're thinking about taking a tour to Spain, we now have a comprehensive package that will make it easy for you to see the best attractions in the nation.Our Spain tour includes:Comfortable hotel stays in major citiesGuided tours in destinations like Barcelona, Madrid, Seville, and GranadaAirport transfers and intercity transportationFlexible itineraries tailored to your preferencesFull travel support throughout your journeyWhether you're traveling solo, with family, or as a couple, we can customize the package to match your budget and interests.If you're interested or want more details, feel free to reach out—I’d be happy to help you plan an unforgettable Spain experience!Thanks
Hello guys. Hope you have a great evening. I have a problem with nested components. I have my Avatar component and want to nest its properties into Header component. The properties i need is Avatar type and Avatar size. When i try to change the size ot f my Avatar size in Header instance it doesn’t work. It just changes the content inside but not the frame itself. I’m going to upload some screenshots for clarity. Any tips?So what you see on the screenshot are the three sizes of the Avatar instances and when i try to change to, lets say, size-small inside the Header instance it only changes the icon inside the avatar but not the avatar frame.It could be that i build the avatar component wrong ...
Hey everyone, in this short little post I want to share with you the idea that I had. Basically I am using slots not as advertised that you can add multiple instances to the slot, but I use it specifically to only insert one instance at maximum. But there’s a twist to it, I use it as an “predefined Injection spot”.What does that mean? Well exactly what it says. I use the slot within a component to decide exactly where the content later will be placed within. And by that I mean the Z-stacking of elements. The slot is filling the entire height and width of the device for this use case.I always wondered how design teams actually store their designs on canvas. Do they add smartphone bezels? Do they add the notch for iPhones? Some maybe, some maybe not. But we all add toolbars and system-keyboards (things that are ALWAYS on top of the designed content)For quite some time I wanted one component to rule it all. And now I basically made it:(This image is not a simulator, it’s a frame with a to
Hello everyone! My name is Ahmed Mouatassem Goubi, happy to be joining the Figma community.I've been using Figma and a few other design tools for quite a while now, both as a designer and as a founder. On the design side, I'm always looking to connect with other designers to exchange ideas, share feedback, and critique each other's workOn the product side, I'm currently building a website and app as CEO of my company, like many early stage startups, we're working through a bunch of UX challenges to make the experience feel smooth and intuitive, tackling them one by one.Looking forward to learning from this community and contributing where I can! If you're interested in an internship or would like to contribute to the project, feel free to reach out on discord @Sayence😉
Hey Figma Community!I have been working on a AI Skill+ Figma Plugin that automates the entire process of Design Token creation in Figma. This product can create enterprise grade variable system in minutes. It supports scoping, code syntax, publishing, proper aliasing, and automatic generation of styles for text, effects and layout grids.I would love it if you could check it out and provide a feedback.I made sure this doesn't use a lot of tokens(works on free version of many AI tools, and also with flash models). Repo: https://github.com/Shanmus4/figma-variables-tokens-generatorEverything one needs to know will be present on the Readme file, but feel free to reach out in case you need any help: [redacted]
Hello everyone 👋I'd love to share my latest UI/UX design concept called "Uono Play" – a mobile version of the classic card game reimagined with a fresh and friendly interface. This project is inspired by the social experience of playing UNO, now brought to life with modern visuals and mobile-first interaction.I also share other design ideas here: https://heyapks.net/uono-play/ 🧠 Project IdeaUono Play is envisioned as a casual multiplayer game with an intuitive interface and vibrant design. The core UI focuses on delivering a fun and competitive atmosphere, suitable for all ages—from kids to adults.🎨 Design Features Main Menu: Minimal layout with bright colors and animated buttons. Game Lobby: Shows player avatars, friend list, and options to “Join Game” or “Create New Game”. Gameplay UI: Responsive card panel, visual effects during turns, and energetic sound cues. Emote System: Players can send fun reactions during turns to interact with others. UI Themes: Includes light, da
Want to publish your story but don’t know where to start? We’ve got you covered! Whether you need to hire ebook writer pros, find ebook ghostwriting services, or connect with a skilled biography editor, we’re here to help. We work closely with book publishers in San Antonio Texas, Houston, and even top publishing companies in New Jersey. If you're a romance writer, we'll guide you on the top type of romance books to write. Need reviews? Our best book review writing services are trusted nationwide. When you're ready, our bio writers for hire and biography authors for hire are standing by!
Hello EveryOne.I am looking for a male remote collaborator.https://grizzly-tourmaline-a39.notion.site/Remote-collaborator-from-US-or-Canada-32e2d9479d2180a3a7f3edc550656de3?
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,
Yes — agent-native wallets could very well be the missing link between AI automation and real Web3 adoption, but not in a simple “yes or no” way.Here’s the real picture:Web3 today still feels too manual. You need to connect wallets, sign transactions, approve gas fees, switch networks, manage keys… it’s powerful, but not user-friendly for the average person.Now imagine this shift:Instead of users doing everything, an AI agent inside your wallet can:Auto-swap tokens when conditions are right Pay gas fees optimally across chains Manage DeFi yield strategies Execute trades or payments based on your rules Even pause actions if something looks suspiciousThis is where agent-native wallets change the game — they turn Web3 from a “do-it-yourself system” into a “set-your-rules-and-automate” system.But here’s the debate part 👇If AI agents are making decisions for you:Do users still truly “own” their assets in spirit, or just in theory? Will people trust automation with money, or will fear slow
So over a year ago, I was stuck on this idea of being able to visualize a full color space and travel within that space to build ‘chains’ of colors (like a 3D map with connected points). As a visual thinker, this made more sense to me than picking out individual swatches on a 2D color picker.Part way into the research stage, I discovered OKLCH, which was a game-changer; it maps the colors around human visual perception, rather than how monitors mix light.Up until now this has existed as a web app at www.volumecolor.io, but I recently ported it for use right inside Figma.Find the plugin here: https://www.figma.com/community/plugin/1608450336149947332/volume-3d-oklch-color-picker-palette-generator-for-figma
I want to create an AI study planner to help students. The student can enter their school schedule, such as what time they leave for school and when they return. The app can include options like a full-day plan or a half-day plan (after school), and it should organize study time into specific time slots.I want the app to be better than any other one. It should send notifications to remind the student when it’s time to study or take a break. I also want the design to be simple and not confusing, with a light yellow background and soft shades of yellow.
是否可以给我设计原型图呢开发同城跑腿小程序的用户端的UI和UX要求1.小程序底部导航栏有三个按钮,对应三个根页面分别为:“预约、订单、我的”2.界面语言全部为中文3.主题颜色以蓝白色为主
Hey everyone. I am Alexander and I am the creator of a new plugin called Design System Sync. I built this because I was honestly tired of manually copying hex codes and spacing values to developers every time a variable changed. It always felt like a huge waste of time.So basically this plugin connects your Figma variables straight to your codebase. It takes your design tokens and automatically creates a pull request in GitHub or Bitbucket. You just click export and the developers get the exact code changes they need.Here are the main things it can do for you.Automatic PRs so developers can review changes instantly without leaving their tools.Multiple formats including W3C tokens and CSS Variables.Multi-mode support for handling your light and dark themes easily.Visual change detection so you know exactly what is different before exporting.The free version gives you 5 exports a month with all formats included.Pro is 10 dollars a month for unlimited exports and AI code generation.Figma
Hi - I am looking to update to the Organisation plan, however, I would like more information on the impact and how it will work for my company. I reach out to Sales a few time but have had no acknowledgement or replies. Please could someone let me know how I can follow up to understand all the different functionality and cost.
Already have an account? Login
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.