מעצבים מסך אחד, לא מוצר שלם
בסוף הפרק תיצרו מסך הרשמה בדוי, תשפרו אותו ותבדקו מה אפשר לייצא. דוגמאות התוצאה הן המחשות, לא צילום או תוצר שבנינו בחשבון שלכם.
Claude Design מחבר שיחה ל-canvas: מתארים מטרה, מקבלים עיצוב ואז משנים דרך שיחה, תגובה מקומית או עריכה ישירה. לפי התיעוד שנבדק ב-30 בספטמבר 2026, Design הוא גם תבנית Artifact בתוכניות בתשלום, ב-beta, לצד המסלול העצמאי הקיים. בארגון הזמינות יכולה להיות תלויה במנהל.
אל תתחילו מ"בנה לי אתר מושלם". מסך אחד עם תוכן בדוי מאפשר לבדוק הבנת מטרה, קריאות והתנהגות בלי לחבר מערכת אמיתית.
מתחילים מהקשר ותוכן קובע
פתחו תבנית Design דרך Output או Artifacts, אם זמינה, או את מסלול Design שמוצג בחשבון. אם יש מערכת עיצוב ארגונית, ודאו שהיא המתאימה. אל תחברו repo של עבודה רק לצורך תרגיל ללא צורך והרשאה.
צור עיצוב למסך הרשמה לקורס פנימי בדוי, בעברית מימין לשמאל.
קהל: עובדים שרוצים להבין את הקורס לפני הרשמה.
תוכן: שם "מבוא לכלי AI", שלוש יחידות, מועד עדיין לא נקבע.
סדר: כותרת, הסבר קצר, מה לומדים, מצב המועד, כפתור התעניינות.
הכפתור יסומן "אני מתעניין" ולא "ההרשמה מאושרת".
זה prototype בלבד: אין שליחה, אין מאגר, אין חיבור ואין איסוף פרטים.
תכנן מובייל תחילה ואז Desktop, עם טקסט קריא ומיקוד מקלדת ברור.
התוצאה הצפויה מציגה את הקורס ואת מצב המועד בלי להמציא תאריך או להבטיח אישור. בדקו תוכן לפני צבעים. שאלו מה עושה הכפתור; prototype לא צריך לשמור נתון אמיתי.
עורכים דרך שיחה ותגובות
שינוי מבני מתאים לשיחה:
העבר את "המועד עדיין לא נקבע" לפני הכפתור,
כדי שאדם ידע זאת לפני הבעת התעניינות.
אל תשנה את שם הקורס או תוסיף תאריך.
שינוי מקומי מתאים לתגובה על רכיב ב-canvas, אם הממשק מאפשר:
הגדל את אזור הלחיצה של הכפתור ושמור את הטקסט הקיים.
בדקו שהתגובה נקלטה. התיעוד מציין שתגובות מקומיות יכולות לא להופיע או לא להיקרא; אם השינוי לא בוצע, העתיקו את ההערה לשיחה. אל תסיקו משתיקה שהעיצוב עודכן.
עריכה ישירה מתאימה להזזה, שינוי גודל ויישור. אחרי הזזה בדקו גם תצוגה צרה; יישור ב-Desktop יכול לפגוע במובייל.
בדיקה חזותית ותפקודית
בדקו ברוחב טלפון ורוחב מחשב. קראו את הטקסט בפועל: אין חיתוך, אין ערבוב כיוון, ואין כותרת שמכסה את הכפתור. ודאו שמצב המועד ברור גם בלי לקרוא הערת שוליים.
בדוק את העיצוב לנגישות בסיסית: ניגודיות, גודל טקסט,
סדר מיקוד, תוויות כפתורים וכיוון עברית.
רשום מה שינית ומה עדיין דורש בדיקה ידנית.
זו בקשת ביקורת, לא תעודת נגישות. עברו עם מקלדת, בדקו מה מסומן במיקוד ולחצו על הכפתור. אם נפתח טופס אמיתי שלא ביקשתם, עצרו ובקשו להסירו.
מנסים חלופה בלי לאבד את הקיים
שמור את העיצוב הנוכחי וציין איפה נשמר.
צור חלופת פריסה שבה תוכן הקורס מופיע בכרטיסים.
שמור את כל העובדות ואת מצב המועד, ואל תפרסם אף חלופה.
התיעוד הנוכחי מציין שאין היסטוריית גרסאות מלאה ל-Claude Design. לכן אל תבטיחו לעצמכם כפתור Undo שמחזיר כל מצב ישן. בדקו שהעותק הקודם אכן קיים או יצאו עותק לפני שינוי גדול.
השוו שתי חלופות לפי קריטריונים: הבנת הקורס, מציאת מצב המועד, כפתור ברור וקריאות במובייל. אל תבחרו רק לפי מה שנראה "מודרני".
יצוא והעברה לקוד
ב-Export בחרו לפי המטרה: PDF לתצוגה, HTML עצמאי לבדיקה בדפדפן, ZIP לחומרי עבודה או פורמט אחר שהממשק מציע. התיעוד מתאר גם העברה ל-Claude Code; זו תחילת עבודת פיתוח, לא הוכחה שהעיצוב כבר מוצר פעיל.
פרומפט מסירה לצורך בדיקה:
הכן רשימת מסירה לפיתוח: רכיבים, תוכן קובע, התנהגות כפתור,
מצבי מובייל ופרטים שלא הוחלטו. אל תוסיף backend או פרסום.
פתחו את היצוא. בדקו שהטקסט, הכיוון והתצוגה נשמרו. אם ממשיכים בקוד, בדקו בנפרד חיבורים, שמירת נתונים ובדיקות. שיתוף Design מחייב קהל והרשאה מתאימים; התרגיל נשאר פרטי.
תרגול בשלוש רמות
קל: תוכן בלי המצאות
צרו מסך יחיד. הצלחה: שם הקורס ושלוש היחידות נשמרו, ואין תאריך או אישור הרשמה מומצאים.
בינוני: שינוי מקומי
הגדילו כפתור דרך תגובה או שיחה. הצלחה: השינוי נראה בפועל ואין שינוי צדדי בטקסט.
מאתגר: חלופה ויצוא
שמרו חלופה, השוו ופתחו יצוא. הצלחה: הקודם לא אבד, והמראה וההתנהגות שניתן לשמר נבדקו בקובץ עצמו.
תקלות וסיום
אין Design: בדקו תוכנית, beta והרשאות מנהל. אפשר להכין בריף עיצוב בלי לטעון שיצרתם canvas אמיתי.
תגובה נעלמה: השתמשו בשיחה ובדקו שוב בפועל.
עיצוב נאה אך מידע חסר: החזירו את התוכן הקובע. אין להסתיר "מועד לא נקבע" כדי לנקות את המראה.
היצוא שונה: בדקו סוג קובץ ומגבלות תפקוד. PDF אינו prototype אינטראקטיבי.
הרבה איטרציות: Design משתמש במגבלות השימוש המשותפות לפי התיעוד הנוכחי. הגדירו שינוי ממוקד במקום לייצר מחדש הכל.
העיצוב מוכן כשאדם מבין מה מוצע ומה עדיין לא נקבע, ולא רק כשה-canvas נראה יפה.