While about 65% of companies use a design system (as per a 2020 study, and a number that’s surely grown), that means there are still about a third of companies who aren’t using a design system. Not to mention all the freelancers and beginner designers who may not have the resources for one. So, Figma plugins that generate components and other UI elements can be a great substitute, and there are two of those in this issue!
Continue reading for the rest… 👇
1. Button Design System Generator
Buttons and all their variants in a single click.
Button Design System Generator instantly creates buttons using your specified preferences and styles, and sets them up with all their variants pre-built into Figma’s design panel. If you don’t have a design system, and need something quick and easy, this is a great plugin to get started. What design doesn’t need buttons?
💡 If you already have button components coded, but don’t have them in Figma, use the plugin story.to.design to bring them from Storybook to Figma.
🎁 FREE
⚡️ Generate buttons instantly
🔡 All variants included
2. Card Stun
Generate profile cards.
Card Stun is a simple Figma plugin that generates profile cards. It only creates one style of profile design, however everything is editable, and you can generate them in dark mode, too. If the user profile you need is pretty standard, this plugin just pops them into your canvas and can save you a lot of time.
🎁 FREE
👩🦰 Design user profiles instantly
⏱️ Time-saver
3. Stickies
Add post-it notes to your designs.
Stickies brings your classic post-it notes into Figma. While FigJam already has this feature, Figma does not, and there may be times when comments aren’t enough. The good thing about these stickie notes is their prominent size and color. This makes them great for documenting your design process, leaving a status next to a particular design, or just leaving notes that your colleagues won’t miss.
🎁 FREE
🏷️ Add stickie notes to your designs
🤝 Great for collaboration
4. UI Elements
The ultimate design library.
UI Elements is a library of components, layouts and icons that you can drag-and-drop into your Figma canvas. It has several UI kits to choose from and plenty of elements to help kick-start designs when there’s a blank page in front of you. Not all elements are free, and some require a subscription to use.
🎁 FREE for limited elements, 💰 $13/month for unlimited
📚 A drag-and-drop UI library
🚀 Great for kick-starting designs
💡 If you’re using UI Elements to build a landing page, the next step will be getting it live. We recommend trying figma.to.website which publishes your designs to a hosted website, without leaving Figma or writing any code.
5. UX Pilot
AI-powered design reviews.
UX Pilot is an AI-powered assistant that helps with various UX tasks in Figma, from reviewing your designs, to generating wireframes, to creating custom workshops for your user research. It’s a nice all-in-one UX guide that gives you feedback when you don’t have a design mentor, or helps when you’re just starting out.
🎁 FREE for limited features 💰 $6/month for unlimited
🤖 AI-powered UX assistant
✨ Helpful for beginners or teams with few resources
Newsletter brought to you by ‹div›RIOTS.
Thanks! The ai reviewer seems like a really good tool
The button design plugin looks great, thanks for sharing. The AI reviewer feels like it can be replicated as a custom GPT, so I’m keen to see how close I can get it.