Claude Design 2026ממילים למסך חי, ומשם לקוד
לא עוד צילום מסך למפתח. עיצוב שעובר עם כל ההקשר.
ארבעה חלקים, מסך אחד נכון
מקרה הבוחן שמלווה את הקורס: סטארטאפ קטן "תור חכם". המנכ"לית ביקשה מקלוד דזיין דף נחיתה, קיבלה משהו יפה, ושלחה צילום מסך למפתח. המפתח שחזר את הפריסה מצילום, עם צבעים משוערים ורכיבים אחרים. שבוע של תיקונים, ואז גילו שיש כפתור Handoff שמעביר את העיצוב עצמו לקלוד קוד. כל הפרטים בדיוניים.
מה לומדים בקורס?
14 השיעורים, אחד אחרי השני
- 01מה זה קלוד דזיין, ולמה זה לא עוד מחולל תמונותלהבין שהפלט הוא קוד חי · 6 דקות · מה זה ולמה
- 02שני מושגי יסוד: מערכת עיצוב ופרויקטלהבחין בין חוקי המותג ליחידת העבודה · 5 דקות · מה זה ולמה
- 03פרומפט של ארבעה חלקיםלכתוב בקשה שמחזירה מסך נכון · 7 דקות · ליצור ולעדן
- 04הקשר שמשדרג את הפלטלצרף צילומי מסך, מסמכים, Web Capture וקוד · 6 דקות · ליצור ולעדן
- 05ארבע דרכים לעדןלבחור את כלי העידון הנכון לכל שינוי · 7 דקות · ליצור ולעדן
- 06לייבא מערכת עיצוב, ולמה זה קריטילהישאר נאמנים למותג · 7 דקות · מותג ומערכת עיצוב
- 07לייצא נכון: חמישה פורמטיםלבחור פורמט לפי מה שעושים עם התוצר · 7 דקות · לייצא ולמסור
- 08Handoff לקלוד קוד: לא צילום מסךלהעביר עיצוב עם כל ההקשר · 7 דקות · לייצא ולמסור
- 09/design-sync ו-/design: הקוד והקנבס מדבריםלדעת איזו פקודה בקלוד קוד עושה מה · 6 דקות · לייצא ולמסור
- 10לשלוח ל-Base44 ול-Lovableלהעביר עיצוב לכלי Vibe Coding · 7 דקות · לייצא ולמסור
- 11מול Figma, Canva ו-v0לדעת מה הכלי לא מחליף · 5 דקות · תהליך ותוכנית
- 12מגבלות וטיפיםלדעת מה עלול להשתבש · 5 דקות · תהליך ותוכנית
- 13תרחיש: פרויקט לקוח מקצה לקצהלחבר את הכל לתהליך אחד · 6 דקות · תהליך ותוכנית
- 14תוכנית 30 יוםלצאת עם מסך אחד שנמסר לקוד · 6 דקות · תהליך ותוכנית
השיעור הראשון, פתוח לקריאה
מה זה קלוד דזיין, ולמה זה לא עוד מחולל תמונות
קלוד דזיין (Claude Design) הופך תיאור טקסטואלי לעיצוב חי: דף נחיתה, פרוטוטייפ, מצגת או דשבורד, כקוד אמיתי של HTML, CSS ו-JS, לא כתמונה. מה שיוצא אפשר ללחוץ, לגלול ולהריץ בדפדפן. הכלי כלול ב-Pro, Max, Team ו-Enterprise, ומאז יוני 2026 צורך מאותה מכסה משותפת של הצ'אט וקלוד קוד. ב-Enterprise הוא כבוי כברירת מחדל.
נכנסים בחמש דרכים: מכל שיחה בקלוד (מבקשים עיצוב, או בוחרים Output > Design בתיבת ההודעה), מלשונית Artifacts בסרגל הצד, מהגרסה העצמאית ב-claude.ai/design, מקלוד קוד עם /design, ומהאפליקציות לטלפון, שם אפשר לבקש עיצוב ולצפות בו. עריכה בקנבס ושיתוף דורשים ווב או דסקטופ.
סטארטאפ קטן: צילום מסך למפתח, שבוע של תיקונים. הבעיה לא הייתה העיצוב, אלא הדרך שבה הוא נמסר.
את התרגול, הבחינה והתעודה עושים בתוך הנגן, אחרי הרכישה.
יוצאים עם ערכה, לא עם סיכום
מה שחשוב לומר מראש
- קלוד דזיין לא מחליף מעצב. הוא מאיץ את הדרך למסך ראשון ולקוד.
- בלי מערכת עיצוב, הפלט גנרי. הייבוא הוא השלב שרוב האנשים מדלגים עליו.
- המכסה משותפת עם הצ'אט וקלוד קוד. סבבי יצירה מחדש עולים.
- הממשק והקונקטורים מתעדכנים, ולכן הקורס מלמד את העקרונות ומפנה לתיעוד.
מה זה קלוד דזיין, ולמי הקורס מתאים?
קלוד דזיין (Claude Design) הוא מוצר של Anthropic שהופך תיאור במילים למסך חי בקוד אמיתי: דף נחיתה, פרוטוטייפ, מצגת או דשבורד שאפשר ללחוץ עליו, ולא תמונה. הוא כלול ב-Pro, Max, Team ו-Enterprise, ומשלים כלים אחרים: מוסר עיצוב לקלוד קוד עם כל ההקשר, ומייצא ל-Base44, Lovable, Canva, Gamma ועוד. הקורס בעברית מלמד לכתוב פרומפט של ארבעה חלקים, לצרף הקשר, לעדן בכלי הנכון, לייבא מערכת עיצוב, לייצא בפורמט הנכון, למסור לקוד ולנהל פרויקט לקוח מקצה לקצה. 14 שיעורים עם תרגול בתוך הדף, מבדק ותעודה. המחיר 9.90 שקלים, ושיעור ראשון פתוח לכולם בחינם.
מה אימתנו ומתי
- קלוד דזיין הופך תיאור לעיצוב חי בקוד HTML/CSS/JS, כלול ב-Pro, Max, Team ו-Enterprise, ומאז יוני 2026 צורך מהמכסה המשותפת; יותר ממיליון אנשים השתמשו בו בשבוע הראשון שלו · tzedek.me/blog/claude-design-guide · 2026-10-06
- פרומפט של ארבעה חלקים (מטרה, פריסה, תוכן, קהל); ארבע דרכי עידון: צ'אט, הערות Inline, עריכה ישירה, סליידרים · tzedek.me/blog/claude-design-guide · 2026-07-06
- ייצוא: ZIP, HTML עצמאי, PDF, PPTX וקישור פנימי; Handoff לקלוד קוד; /design-sync בגרסה העדכנית של קלוד קוד, בכיוון אחד מרכיבי React בריפו לקלוד דזיין; 15 יעדי ייצוא רשמיים כולל Base44, Lovable, Canva, Gamma, HubSpot, Netlify, Replit, v0, Vercel ו-Wix · support.claude.com/en/articles/14604416-get-started-with-claude-design · 2026-10-06
מסלולים, מכסות וגרסאות של הכלים משתנים מדי פעם, ולכן מוצגים בקורס כהנחיה לבדוק בחשבון שלכם.
🎬 חדש · קורס וידאו
Claude Design בווידאו: עיצוב אתרים ו-UI/UX מתיאור במילים לאתר חי
60 שיעורים, הקורס המקיף בעברית: יסודות UX ו-UI, מערכת עיצוב למותג, 11 תוצרים עסקיים, פרוטוטייפ לחיץ, והעברה ל-Claude Code עד אתר באוויר.
- ▶ 3 שיעורים ראשונים בחינם
- 🎨 11 תוצרים עסקיים
- 🎓 תעודת סיום
AI_LEARNING
לימודי AI לכולם בעברית, עם כל החומרים העדכניים ביותר
שלוש דרכים ללמוד, שעובדות יחד: לומדים בקורס, רואים את זה בווידאו, ושואלים את המרצה כשנתקעים.
קורסים אינטראקטיביים
9.90 ₪ לקורס
שיעורים קצרים לקריאה, תרגול בתוך הדף ותעודה. עשרות כלים, כל אחד בקורס משלו.
קורסי AI בווידאו
297 ₪ + מע״מ
שיעורי וידאו על מסכים אמיתיים, הדגמות ובוטים מקצה לקצה. שלושה שיעורים ראשונים בחינם.
לקורס הווידאו ←המרצה שלי: מרצה AI
מ-15 ₪ לחודש
מרצה AI שמכיר את כל החומר של הקורס, ועונה על השאלות שלכם בכל שעה, מתוך השיעורים.
איך זה עובד ←שאלות נפוצות
כמה עולה קורס קלוד דזיין?+
9.90 שקלים כולל מע"מ, תשלום חד-פעמי עם גישה לכל החיים. שיעור 1 פתוח לכולם בלי תשלום.
מה זה קלוד דזיין?+
מוצר של Anthropic, זמין בתוך כל שיחה בקלוד, בלשונית Artifacts וב-claude.ai/design, שהופך תיאור טקסטואלי לעיצוב חי: דף נחיתה, פרוטוטייפ, מצגת או דשבורד, כקוד אמיתי של HTML, CSS ו-JS שאפשר ללחוץ עליו ולהריץ בדפדפן.
באיזה מנוי זה כלול?+
לפי המדריך, ב-Pro, Max, Team ו-Enterprise, בלי תוספת תשלום, ומאז יוני 2026 הוא צורך מאותה מכסת שימוש משותפת של הצ'אט וקלוד קוד. ב-Enterprise הוא כבוי כברירת מחדל.
צריך לדעת לעצב או לתכנת?+
לא. הקורס מלמד לכתוב פרומפט של ארבעה חלקים, לצרף הקשר, לעדן ולייצא. מי שממשיך לקוד מקבל את הפלט כחבילה לקלוד קוד או ZIP.
איך זה עובד עם Base44 ו-Lovable?+
שניהם יעדי ייצוא רשמיים. בלי קונקטור מייצאים ZIP או HTML ומצרפים פרומפט עוגן שמורה לכלי לשמור על הצבעים והפריסה. יש לזה שיעור שלם.
האם מקבלים תעודה?+
כן. אחרי כל השיעורים ומעבר מבדק של 10 שאלות, מונפקת תעודת סיום של מכללת צדק אקדמי, מאומתת בשרת, שנשלחת למייל ומופיעה באזור האישי.
יש כבר גישה? כניסה לאזור האישי
עוד בסדרה: קורסי AI אינטראקטיביים ב-9.90 עם תעודה