Vibe CodingGeplaatst door anne.c158 dagen geleden

Framer + AI: hoe ik als designer sneller van concept naar live site ga

Ik ben designer, geen developer. Maar met Framer en AI maak ik nu sites die live gaan zonder dat een developer eraan te pas komt. Dit is mijn workflow. **Waarom Framer:** - Visueel bouwen zoals in Figma maar het resultaat is een echte website - CMS ingebouwd voor blogs en dynamische content - Hosting inclusief, custom domein in 2 klikken - Animaties en interacties zonder code **Waar AI bij helpt:** - **Copy:** ik design eerst de layout, dan laat ik Claude de teksten schrijven die passen bij de ruimte die ik heb. Ik geef de context: bedrijf, doelgroep, tone of voice, en hoeveel woorden er in elk blok passen - **SEO:** Claude schrijft meta titles, descriptions en alt teksten voor alle afbeeldingen - **CMS structuur:** Claude helpt me nadenken over welke velden ik nodig heb in mijn CMS collections - **Micro-copy:** knoppen, formulier labels, error messages - AI is hier verrassend goed in **Mijn proces voor een typisch project:** 1. Moodboard + wireframes in Figma (halve dag) 2. High-fidelity design in Figma (1 dag) 3. Bouwen in Framer - drag and drop vanuit Figma (1 dag) 4. AI-generated copy integreren en fine-tunen (halve dag) 5. CMS opzetten en content vullen (halve dag) 6. Testen en live zetten (2 uur) **Totaal: 3-4 dagen voor een complete website** Het resultaat is professioneler dan wat de meeste page builders produceren en ik heb volledige creatieve controle. Het enige nadeel: voor complexe functionaliteit (user accounts, betaalsystemen, databases) heb je alsnog een developer nodig. Andere designers hier die met Framer werken?
9
💬 3 reacties🔗 Delen

Reageer

anouk.d157 dagen geleden

Framer is echt een game changer voor designers die geen code willen schrijven. Ik gebruik het voor al mijn portfolio sites en klant presentaties. Die CMS functie is verrassend krachtig voor hoe simpel het eruitziet. Enige minpunt: de prijs stijgt snel als je meerdere sites hebt.

anne.c155 dagen geleden

Klopt, ik betaal nu $15/mo per site. Met 4 actieve klant-sites wordt het $60/mo. Dat is nog steeds goedkoper dan een developer inhuren, maar het loopt op. Ik kijk ook naar Webflow als alternatief voor de grotere projecten.

tomm_89154 dagen geleden

Mooi om een designer perspectief te horen. Als developer werk ik vaak samen met designers en het is soms lastig om hun Figma ontwerpen pixel-perfect om te zetten. Als de designer zelf naar productie kan gaan bespaart dat een hoop heen en weer. Framer is hier echt de oplossing voor.