Vibe Designer
Vibe Coded Tool / Web App — 2026
Project
Vibe Designer
Year
2026
Capabilities
- Vibe Coding
- Web Development
- Motion Design Tooling
- Generative Effects
Role
Designer & Builder
Solo project · Ongoing
A browser-based design tool built to create motion assets fast — pixel sorting, dithering, generative effects, masking, and post-processing, all stackable within a web app accessible from anywhere.
Creating motion assets with modern visual effects — dithering, pixel sorting, generative patterns — typically means diving into technical software with steep learning curves and slow iteration cycles. Designers who want to explore these styles quickly get stuck in tooling friction. The gap between having a visual idea and being able to test it was too wide, and no existing tool made it fast enough to keep up with the pace of real creative work.
Design the tool you wish existed.
Vibe Designer was built with vibe coding — applying deep motion design knowledge to define what the tool needed to do, then using AI-assisted development to build it rapidly. The architecture is a stackable effects pipeline: each layer applies an effect (pixel sort, dither, displacement, noise) that feeds into the next, with real-time preview and masking controls.
The key insight was that motion designers don't need another general-purpose tool — they need a focused instrument that does a specific set of modern effects extremely well, with zero setup friction. Open a browser, stack effects, export. That's the entire workflow.
Vibe Designer has become a core part of my motion design ideation pipeline — generating assets that have been used across client projects and personal work. It's proof that designers with deep domain knowledge can build their own tools with vibe coding, closing the gap between creative vision and production reality. The tool continues to evolve as new effects and workflows get added.
When designers build their own tools, everyone gets to focus on the work that matters.
