Made a web page for daily objects power bank. Let me know what you guys think. Need feedback on the layout and aesthetics or any feedback in general. (I see the colour blocked logo, couldn’t find the an image with no background 😭)
I've been doing a lot of vibe coding recently. Most UI changes end up being described in text, but as a designer, I often find myself thinking: it would be much faster if I could just move this 8px, resize that, or see all the screens together and fix them myself.
I think this is actually one of the advantages designers still have in the AI era: we can look at the whole product while also obsessing over tiny visual details. But when everything is controlled through prompts, a lot of the visual tools we're good at using suddenly disappear.
So I vibe Crank.
You drag in a project folder or a packaged .app, Crank scans the app, finds the screens, and lets you import them into Figma as editable layers.
It currently supports React, Electron and HTML.
I'm also working on SwiftUI support. It's still experimental, but it's already working on most of the screens I've tested.
The app itself is pretty messy right now and there are definitely bugs, but the core workflow works.
I'd love some people to try it, break it, and tell me what doesn't work.
GitHub: https://github.com/irrwood/Crank
Fully open source now
I've been working on a Figma plugin for animating text without leaving Figma.
Kinetic Motion gives you 50+ text animation effects — from simple reveals to things like Cyber Glitch, CRT Sweep, Shatter, Particle Assemble, Glow Trail, etc.
You can:
The goal is to make kinetic typography feel as easy as applying a style in Figma.
Would love to get feedback from other Figma designers/motion designers — especially on the effects and workflow.
Link: https://www.figma.com/community/plugin/1669940918305513124/kinetic-type-motion
It's called Landy.
Here is the Figma Community link: https://www.figma.com/community/plugin/1609157216964346384
It's a convenient panel that has a UI kit of hand-crafted, responsive landing page sections and UI components.
Designers use it to go from blank screen to a landing page wireframe in seconds, then build upon it and style with easy-to-edit sections and components.
Some details:
Highlights
Page Sections for mobile and desktop (updated monthly):
Components for mobile and desktop (updated monthly):
I'd be happy if you tried it, if you find it relevant for you :)
A little while ago I shared Free Transform, my plugin that brings Photoshop's Ctrl+T into Figma (warp, perspective, distort). The response here honestly blew me away — thank you to everyone who tried it, broke it, and told me what they wanted. It's since grown to 3,300+ users, which still feels a bit unreal.
The most requested thing? A way to see what you're doing before committing. So here it is:
Live Preview — you now see the transform right on the canvas as you drag, instead of applying and undoing over and over until it looks right. Plus sharper export quality while I was at it.
Give it a try 👉: https://www.figma.com/community/plugin/1648207154922389186/free-transform
And I'll ask the same thing that gave me my whole roadmap last time: what do you still open Photoshop or Illustrator for? The gaps that annoy you are usually my next plugin. 🙌
I am working on a simple folder Icon. Everything is completely aligned to the pixel grid.
See this example image:
Icon Perfectly Aligned to Pixel Grid
Then I go to the menu, and select Pixel Preview, because I want to preview how the icon will look at 100%.
Here's where I enabled it:
The resulting image and UI components in my file look distorted, some with double borders, etc.
It just looks janky. See for yourself:
Messed up Rendering with Pixel Preview on and UI Scale at 100%
The interface zoom is set to 100%. All shapes are aligned perfectly to the pixel grid.
I noticed that if I set the interface scale to 80%, everything looks crisp!
See this image:
Pixel Preview looks Great when UI Scaling is at 80%
But, I can’t work like this - and this is ass-backwards. The UI is way too small on my monitor with the UI at 80% scale.
Possibly Related: I have a 4k monitor and my Windows DPI scaling is set to 125%. Could this be causing the issue?
Can someone help?
Built a Figma plugin where you can save prototype interactions. You can also save named flows, create different versions, so that you can go back to any version and restore it whenever you need to.
Try it out and provide your feedback
I've always liked the "AI analyzing an image" look—tracking brackets, node networks, coordinates, technical labels...
Instead of drawing them from scratch every time, I built a Figma plugin that generates them as fully editable vectors.
One feature I'm particularly excited about is Figma Motion support. Since Motion just launched, the plugin can automatically create animation tracks—lines draw on, brackets snap into place, nodes drift, and everything loops seamlessly. No manual keyframing required.
I'm mainly using it for posters, album covers, title cards, and motion graphics, but I'm curious how other people would use it.
Would this be useful in your workflow?
See more: https://www.figma.com/community/plugin/1667119588040574491
