Design Tool Shootout
AI Design Tool Shootout — MC #1794
Linked to: merdzanovic.ba (#1795) Status: In Progress Cilj: Testirati 4 AI design alata na istom briefu i ocijeniti koji daje najbolji rezultat za multi-page politički sajt.
Alati
| Tool | Cijena | Output | Status |
|---|---|---|---|
| v0.dev | $20/mo | React/Next.js | Homepage generisan — testira se |
| Google Stitch | Besplatan | HTML | Promptovi spremni |
| Figma Make | AI krediti (3000/mo) | Figma frames | Promptovi spremni |
| Codia AI | Plugin krediti | Figma frames | Promptovi spremni |
Evaluacija (1-5 po kriteriju)
| Kriterij | v0.dev | Stitch | Figma Make | Codia |
|---|---|---|---|---|
| 1. Konzistentnost | TBD | TBD | TBD | TBD |
| 2. Ton | TBD | TBD | TBD | TBD |
| 3. Kvalitet dizajna | TBD | TBD | TBD | TBD |
| 4. Responsive | TBD | TBD | N/A | N/A |
| 5. Kod kvalitet | TBD | TBD | N/A | N/A |
| 6. Cijena | 3 | 5 | 4 | 4 |
| 7. Iterabilnost | TBD | TBD | TBD | TBD |
v0.dev — Preliminarne napomene (Homepage)
- Design kvalitet: 4/5 — čist, profesionalan, ne generički
- Ton: 4/5 — povjerenje, modernizacija, pristupačan
- Kod: React/Next.js, TypeScript, Tailwind CSS, komponente dobro razdvojene
- Problem: Prevelik dependency bloat (40+ Radix UI komponenti od kojih se ne koristi nijedna)
- Problem: Navigacija koristi anchor linkove umjesto pravih ruta
- Boje: Tačno po briefu — navy #1B2A4A + gold #D4A843
Promptovi
Svi promptovi spremni u ~/projects/merdzanovic-ba/specs/:
- v0-prompts.md (3 prompta)
- stitch-prompts.md (3 prompta)
- figma-make-prompts.md (3 prompta)
- codia-prompts.md (3 prompta)
Metodologija
- Isti brief → 4 alata → iste 3 stranice
- Eksplicitni design tokeni u svakom promptu za konzistentnost
- Evaluacija: 7 kriterija, ocjena 1-5, ukupno /35