Het Verbeteren van het App-Ontwerp

Tenzij je een ontwerpbestand klaar hebt, is de snelste manier om je app opnieuw vorm te geven iets te vinden wat je aanspreekt en dit aan Claude Code te tonen. Dit hoofdstuk laat precies zien hoe je dat doet.

Hoe geef je het door aan Claude Code

Zodra je een ontwerp hebt gevonden dat je aanspreekt:

1. Kopieer of maak een screenshot van de afbeelding
2. Plak deze direct in de Claude Code-chat
3. Voeg een specifieke prompt toe

Een goed werkende prompt:

"Take the styling and colours of this UI design and implement it into my app. Keep the structure and functionalities exactly the same. Only change the design style."

Specifiek zijn over wat hetzelfde moet blijven is net zo belangrijk als beschrijven wat je wilt veranderen. Als je niet aangeeft dat de structuur hetzelfde moet blijven, kan Claude Code meer aanpassen dan je bedoelt.

Welk model gebruiken voor ontwerp

Bij het werken aan ontwerpwijzigingen, schakel het model om naar Opus via het dropdownmenu in Claude Code. Opus is beter in het interpreteren van visuele inspiratie en het vertalen ervan naar code. Voor de meeste andere taken is Sonnet de juiste keuze, maar voor ontwerp is Opus de moeite waard om te gebruiken.

Verwacht te itereren

De eerste poging brengt je meestal al een heel eind. Het zal niet altijd perfect zijn. Dat is prima. Bekijk het resultaat, bepaal één ding dat je wilt aanpassen en stuur een vervolgaanwijzing die specifiek is over dat ene punt.