Week 2 - From mock-ups to AI-generated sites
This week's five new Figma plugins.
Our second issue of Figma Plugin Weekly is here and full of gems to add to your roster of design plugins.
From November’s most recent launches, we’ve rounded up a plugin for starting your design system, a plugin for creating landing pages quickly and a plugin for mocking-up designs for your portfolio; just to introduce a few…
Let’s dive in!
1. Component Inventory
Group all components in a click.
Component Inventory automatically groups all components being used in a particular file into an organized inventory grid. It scans every page in your Figma file to determine what is defined as a component, then automatically opens a new page called “Inventory” where you’ll get an overview of all components, nicely organized and categorized.
P.S. If you want a more advanced version of this, we recommend checking out the plugin story.to.design 😉
🎁 FREE
🖥️ No UI; plugin works automatically behind the scenes
📚 Great if you’re starting a design system
2. Copy text with HTML tags
The name kind of says it all…
This plugin transforms any selected text box in your Figma file into semantically-tagged text that’s ready to be copied into your code editor. Copy text with HTML tags is nice for those who never remember where the HTML tags are supposed to go, especially in those heavily-formatted paragraphs…
🎁 FREE
✅ Simple premise, UI and experience
👩💻 Great for designers/non-coders/lazy engineers…
3. iMockup
Showcase your app UI with modern devices.
iMockup offers a nice, easy way to create device mockups that show off your app UI designs. You can customize everything from device angle to phone color. Simply drag and drop your screenshots to embed them into the device, then export your mockup to Figma as a transparent PNG in 4K resolution.
🎁 FREE
📱 Latest phones and devices available
🌟 For showcasing your designs in presentations, portfolios…
4. Musho
Design websites with AI.
Created by the popular plugin-makers at Blush, and the iconic illustrator Pablo Stanley; Musho uses AI to turn your prompts into full landing pages. Tell Musho what you want and it generates a one-page site that’s practically dev-ready. The more specific the prompt, the better the result! And while Musho isn’t magic yet, its promise has us wondering… RIP designers? 🤔
💰 Free trial + paid plans
🚀 Powerful and impressive
🤖 Powered by AI and ChatGPT-4
5. Skew It!
Skew anything you select.
This plugin skews anything and everything: text, images… Simply select an element on your Figma canvas and play with the horizontal and vertical sliders to get the exact skew you want. You get a live preview of your adjustments as you go, so you see exactly how it’ll look, and it’s easy to revert back to the original in a click.
🎁 FREE
🧼 Simple, clean UI
🪄 Live previews
Newsletter brought to you by ‹div›RIOTS.