פרק 11 · WEB
Claude Design: מהרעיון ל-canvas
Design מחבר שיחה ל-canvas שאפשר לערוך. בתיעוד הנוכחי אפשר להתחיל דרך שיחה, Artifacts, Claude Code או הסביבה העצמאית. Design נמצא ב-beta ותלוי בתוכנית ובהרשאות.
סרטון פתיחה
צעדים
- בקשו עיצוב מוגדר, למשל מסך onboarding, או בחרו Output > Design אם האפשרות זמינה. תנו קהל, מטרה, מידות ודוגמת תוכן.
- צרפו צילומי מסך או design system מאושר. אפשר לקשר או לייבא מערכת עיצוב; /design-sync ב-Claude Code מיועד לחיבור המערכת לקוד.
- שפרו את התוצאה בשיחה לשינוי כללי, בהערה נקודתית לשינוי באזור אחד, או בעריכה ישירה על ה-canvas. בדקו את התוצאה אחרי כל שינוי.
- בדקו גרסאות, גודל מסך והתנהגות. ייצאו או העבירו ל-Code רק לאחר בדיקת רכיבים, assets וקהל השיתוף.
מלכודת נפוצה: אב-טיפוס שנראה טוב אינו יישום production. בדקו נגישות, זרימות ומימוש לפני שימוש אמיתי.
תרגיל מעשי: צרו מסך עם כותרת וכפתור. שנו את הכותרת בהערה ואת הצבע בעריכה ישירה, ואז השוו גרסאות.
דמו מצולם · הסרטון יתווסף בשלב המדיה
סיכום
בדיקת הבנה
איזה כלי מתאים לשינוי נקודתי באזור מסוים?
סיכום
- Design זמין בכמה מסלולי כניסה
- משלבים שיחה, הערות ועריכה ישירה
- בודקים לפני ייצוא או handoff