Förbättra Appens Design

Om du inte har en designfil redo är det snabbaste sättet att ändra utseendet på din app att hitta något du gillar och visa det för Claude Code. Det här kapitlet visar exakt hur du gör det.

Hur du skickar det till Claude Code

När du har hittat en design du gillar:

1. Kopiera eller ta en skärmdump av bilden
2. Klistra in den direkt i Claude Code-chatten
3. Lägg till en specifik prompt tillsammans med bilden

En prompt som fungerar bra:

"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."

Att vara tydlig med vad som ska behållas är lika viktigt som att beskriva vad du vill ändra. Om du inte säger att strukturen ska vara densamma kan Claude Code bygga om mer än du tänkt dig.

Vilken modell du ska använda för design

När du arbetar med designändringar, byt till modellen Opus via rullgardinsmenyn i Claude Code. Opus tolkar visuell inspiration bättre och översätter den till kod. För de flesta andra uppgifter är Sonnet rätt val, men för design är Opus värd att använda.

Förvänta dig att iterera

Det första försöket tar dig för det mesta nästan hela vägen. Det kommer inte alltid att vara perfekt. Det är okej. Titta på resultatet, identifiera en sak du vill justera och skicka en uppföljande prompt som är specifik om just den saken.