AI Briefing/בלוג
Claude Design·1 באוקטובר 2026·7 דקות קריאה

Claude Design מקרוב: הכלי שקורא את ה-repo ומצייר לכם deck

Claude Design של אנטרופיק: מה הוא בונה, איך הוא לומד את ה-design system מהקוד שלכם, כמה הוא עולה, איפה הוא נופל, ומתי Open Design או Figma עדיפים.

ב-18 באפריל 2026, יום אחרי שאנטרופיק השיקה את Claude Design, המעצב Sam Henri Gold פתח בבלוג שלו קובץ אחד: ה-design system של Figma עצמה. לא של לקוח, של Figma. 946 משתני צבע, מקובצים בתיקיות כמו bg/desktopBackgrounded, ולכל משתנה שמונה modes: Light ו-Dark, ועוד גרסאות ל-FigJam, ל-DevMode ול-Slides. הוא כתב את הפוסט כמה שעות אחרי שניסה את Claude Design בפעם הראשונה, והטיעון שלו קצר. המודלים התאמנו על קוד, לא על ה-primitives של Figma. אז מקור האמת של העיצוב חוזר לקוד, והכלי שיודע לקרוא קוד מרוויח.

זה החלק הרביעי והאחרון בסדרה. אחרי Codex, Grok Bot ו-ChatGPT, הפעם כלי שאנטרופיק בכלל לא מוכרת למפתחים. ודווקא בגלל זה כדאי שתכירו אותו: הצעד הראשון שלו הוא לבקש גישה ל-repo שלכם.

מה זה בעצם, ומה זה לא

Claude Design הוא מוצר של Anthropic Labs, יחידת הניסויים של החברה. בגדול: קנבס שבו אתם מתארים מה אתם צריכים, קלוד בונה גרסה ראשונה, ואתם מלטשים יחד איתו. התוצרים לפי ההודעה הרשמית הם עיצובים, prototypes, מצגות ו-one-pagers. בהשקה הוא רץ על Opus 4.7, שאנטרופיק קראה לו מודל הראייה הכי חזק שלה, והוא עדיין מוגדר research preview.

עכשיו מה הוא לא, כי פה רוב הבלבול:

אנטרופיק מוכרת את זה למנהלי מוצר, למייסדים ולמשווקים, לא למעצבים, והדף בנוי בהתאם (claude.com)
אנטרופיק מוכרת את זה למנהלי מוצר, למייסדים ולמשווקים, לא למעצבים, והדף בנוי בהתאם (claude.com)

סשן ראשון: מה קורה כשפותחים את זה

הזרימה, לפי ההשקה, נראית ככה. קודם onboarding: קלוד קורא את ה-codebase ואת קבצי העיצוב ובונה מהם design system לצוות. צבעים, טיפוגרפיה, components. מכאן כל פרויקט חדש משתמש בהם אוטומטית, ואפשר להחזיק יותר ממערכת אחת, נגיד אחת למוצר ואחת לשיווק.

אחר כך ה-prompt. אנטרופיק ניסחה את שלב העבודה ככה:

Describe what you need and Claude builds a first version. From there, you refine through conversation, inline comments, direct edits, or custom sliders (made by Claude) until it’s right. — Anthropic, הודעת ההשקה, 17 באפריל 2026

ה-sliders הם החלק הכי יפה שם. קלוד בונה לכל עיצוב בקרים משלו: צפיפות, גודל כותרות, כמה צבע. במקום לכתוב “תעשה את זה קצת יותר אוורירי” חמש פעמים, אתם מזיזים slider. רק תבקשו אותם, ותגידו בדיוק אילו.

בפועל, ה-prompt הראשון קובע כמה סבבים תעשו. תכתבו brief כמו שהייתם כותבים למעצב פרילנסר, לא שורה אחת:

brief.md
מה: one-pager למוצר, עמוד A4 אחד לאורך
למי: CTO בחברה של 200 מפתחים, יקרא את זה 40 שניות
חובה: 3 המספרים מהטבלה המצורפת, הלוגו, CTA אחד
אסור: תמונות stock, יותר משני צבעי accent מה-design system
וריאציות: 3 כיוונים שונים באמת, לא 3 גוונים של אותו כיוון
בקרים: slider לצפיפות, slider לגודל הכותרת הראשית

ובסוף, ייצוא. deck יוצא כ-PPTX או נשלח ל-Canva. prototype משתפים כמו שהוא, אינטראקטיבי, בלי code review ובלי PR. ו-wireframe של פיצ’ר עובר ל-Claude Code למימוש.

איך המנגנון עובד
איך המנגנון עובד

המספרים: מי מקבל, כמה זה עולה

ולשם השוואה, המספרים של הצד השני. Open Design, החלופה ה-open-source שצוות משנגחאי הוציא ב-28 באפריל, 11 ימים אחרי ההשקה. גרסה ראשונה של כ-18,700 שורות, יומיים של המנכ״ל ועוד 24 שעות דיבאג, וחשבון של בערך $200 על מנוי ל-coding agent. מאז: 77,000 stars ויותר ממיליון התקנות. יחס של 10 ל-1, הפוך מה-funnel הרגיל של GitHub.

איפה זה חזק

Martin Alderson כתב יומיים אחרי ההשקה את המשפט שמסביר את רוב השוק הזה: מודלים לא מעצבים כמו מעצב מוכשר, אבל לא כל דבר צריך מעצב מוכשר. ה-deck לישיבת דירקטוריון, הדו״ח הרבעוני, ה-proposal ללקוח, דף הנחיתה לכנס. עבודה שאף מעצב לא מתלהב ממנה ושורפת שעות על הלוך-חזור. פה Claude Design הכי חזק, ואנטרופיק עצמה מסדרת ככה את רשימת השימושים: prototypes, wireframes ל-PM, מצגות למייסדים ולאנשי מכירות, חומרי שיווק.

דבר שני, ה-design system שנבנה מתוך הקוד. אם ה-tokens שלכם כבר יושבים ב-repo, כל deck יוצא בצבעים ובפונטים של המוצר בלי שמישהו זוכר hex codes. זו בדיוק העקביות שצוותי עיצוב מבזבזים עליה ימים ב-Figma.

ויש את ה-exploration. אנטרופיק פותחת את ההודעה בזה שגם מעצבים מנוסים חוסכים בחקירה, כי אין זמן לתריסר כיוונים. כאן תריסר כיוונים זה prompt אחד.

הסתייגות: חיפשתי פרויקט ציבורי שמתעד מקצה לקצה “בנינו את זה ב-Claude Design” ולא מצאתי אחד שאני סומך עליו. דפי Show HN כמו SeasonMap ו-Piece נראים בדיוק כמו מה שהכלי מייצר, mockup של אפליקציה, שלושה צעדים, מחירון, אבל אף אחד מהם לא טוען שזה הכלי. אז הדוגמאות פה הן של אנטרופיק ושל מי שכתב עליה, לא של לקוחות.

איפה זה נופל

קודם כל, התקרה. Alderson עצמו כותב שזה nowhere near מעצב מוכשר, ומוסיף currently. בשביל ה-flow המרכזי של המוצר, המסך שאנשים רואים 50 פעם ביום, אתם עדיין צריכים מעצב.

ה-design system לא יהיה יותר טוב מהקוד שלכם. אם ב-repo יש ארבעה גוונים של כחול hardcoded בארבעה קבצי CSS, הוא ילמד ארבעה גוונים. ה-onboarding לא מנקה בלגן, הוא משכפל אותו.

אחר כך, הדרך חזרה. Gold כותב שבעבודה שלו הם מבזבזים הרבה זמן על להחזיר ל-Figma שינויי עיצוב שנעשו ישר בקוד, ושזה לא כיף. אם הארגון שלכם חי ב-Figma, כל דבר ש-Claude Design מייצר יוצר בדיוק את העבודה הזו.

ויש תלות בספק. הכלי דורש מנוי של אנטרופיק, רץ על המודלים שלה ויושב בענן שלה. בשביל ה-onboarding הוא צריך גישה ל-codebase. בארגון עם מדיניות מחמירה על קוד שיוצא החוצה, זו שיחה עם אבטחת מידע לפני הפרויקט הראשון, לא אחריו.

ו-research preview זה research preview. פיצ’רים זזים, וזה לא כלי שבונים עליו תהליך של צוות שלם בלי תוכנית B.

יום אחרי ההשקה Gold כבר טען שהכאב האמיתי הוא העבודה הכפולה בין קוד ל-Figma, ושם הכלי הזה נכנס (credit: samhenri.gold)
יום אחרי ההשקה Gold כבר טען שהכאב האמיתי הוא העבודה הכפולה בין קוד ל-Figma, ושם הכלי הזה נכנס (credit: samhenri.gold)

מול Figma ומול Open Design

Figma היא עדיין מקור האמת ברוב הארגונים, עם collaboration בשלה ו-components שצוותים שלמים מתחזקים. הבעיה היא מה ש-Gold תיאר: פורמט סגור, כמעט לא מתועד, שהמודלים כמעט לא ראו. כל אוטומציה שם עוברת דרך plugins.

Open Design היא ההפך מבחינת פריסה: Apache-2.0, רצה אצלכם במחשב, ומנתבת דרך ה-coding agent שאתם כבר משלמים עליו. אם יש לכם Claude Code או Codex וחשוב לכם שהקוד לא יעזוב את המחשב, היא הבחירה הטבעית. על מה מוותרים: הליטוש של מוצר מנוהל והחיבור הישיר ל-Claude Code.

ובאמצע יש את v0 של Vercel, שמייצר React ישירות ויושב קרוב יותר לעולם של מפתחי frontend.

Claude Design לא נכנס לרבע של Figma, הוא פתח רבע חדש בצד של הקוד, ו-11 ימים אחר כך Open Design כבר ישבה ברבע המקומי (Anthropic, samhenri.gold, Okane Land)
Claude Design לא נכנס לרבע של Figma, הוא פתח רבע חדש בצד של הקוד, ו-11 ימים אחר כך Open Design כבר ישבה ברבע המקומי (Anthropic, samhenri.gold, Okane Land)

מי צריך לבחור בזה ברבעון הזה

מה לעשות השבוע:

  1. לפני ה-onboarding, תנקו ב-repo קובץ tokens אחד: צבעים, פונטים, ריווחים. זה מה שהכלי ילמד.
  2. תבחרו artifact אמיתי אחד, ה-deck הבא, לא מסך מוצר. תמדדו זמן מול ה-deck הקודם.
  3. תייצאו ל-PPTX ותפתחו ב-PowerPoint או ב-Keynote. תספרו מה נשבר.
  4. wireframe אחד ל-Claude Code על branch נפרד. תספרו כמה תיקונים ה-review דרש.

אם אחרי שלושה סבבי הערות זה עדיין לא משהו שהייתם שולחים, תעצרו. הכלי שורף לכם את הזמן שהוא אמור לחסוך.

ואם ה-deck הבא שלכם עדיין נפתח ב-Figma בעוד חודש, זה לא כישלון של הכלי. זה סימן שמקור האמת אצלכם עוד לא בקוד.

מקורות

  1. Newsroom
  2. Claude
  3. Claude Design · 2026-04-17
  4. Thoughts and feelings around Claude Design · 2026-04-18
  5. Figma's woes compound with Claude Design · 2026-04-20
  6. Show HN: SeasonMap – when to travel where? visualized with climate data · 2026-09-16
  7. The open-source Claude Design alternative has 77k GitHub stars and 1M+ installs · 2026-07-18
  8. Show HN: an AI app that settles small couple arguments · 2026-06-04
  9. Claude (AI) - Wikipedia

איך נכתב הפוסט: נוסח על ידי הסוכן שלנו מתוך 9 מקורות, ונערך ואושר על ידי קובי אלמוג.

עוד מונחים

כל המונחים →

AI-native engineering: הקוד כבר לא הבעיה, הבדיקה כן

מה זה AI-native engineering, מה מטא ואנטרופיק עשו בפועל, ולמה העבודה עברה מכתיבת קוד לבדיקה. עם AGENTS.md להעתקה וצ'קליסט לשבוע.

Since coding: חמש שנים מ-Copilot, ומה לשנות בצוות כבר ביום ראשון

המודל הוא ההחלטה הכי פחות חשובה בעבודה עם coding agents. שישה צעדים: הרשאות, devbox לכל משימה, AGENTS.md, הוכחה ב-PR ומדידה.

Top coding: הרשימה שהתיישנה ב-106 ימים

ב-8 ביוני Opus 4.8 קיבל 88.6%, וב-22 בספטמבר Claude Code כבר הריץ מודל אחר. מה קרה לרשימות ה-coding agents, ומה לקבע אצלכם השבוע.