Teaching Vibe to design

Monday vibe

2026

AI

Vibe, monday's AI app builder, was generating functional enterprise apps — but every output felt templated. The root cause: hard-coded themes with no real design intelligence behind them.

I led the creation of the design.md method - a library of markdown files that teach Vibe's AI agent how to design. Each file encodes a complete visual language: color tokens, typography scales, layout patterns, and component behaviors. Some were built from scratch, others validated against real brand references like Apple and Linear, and others converted directly from designers' own Figma files.

The result: Vibe now generates apps that look genuinely different from one another — dark command-deck UIs, clean enterprise dashboards, editorial layouts — each with its own coherent visual identity. The approach proved out well enough that engineering built it into a standalone pipeline: point it at any website, and it now extracts a brand's visual identity automatically into a ready-to-use design.md
Presentation link here

More

Create a free website with Framer, the website builder loved by startups, designers and agencies.