תארו לעצמכם את שיטת העבודה הישנה: מעצב בונה מסכים בפיגמה, שולח למפתח, המפתח כותב קוד, חוזרים עם פידבק, המפתח מתקן, עוד פידבק, פיקסל פה, צבע שם. שבועות של פינג-פונג ועשרות אלפי שקלים על אתר אחד. העולם זז. ב-2026 הקלוד יודע לקרוא ישירות מקובץ פיגמה. העיצוב הופך מתמונה סטטית להוראה שה-AI מבצע. אתם נשארים מעצבים. אתם לא צריכים להבין קוד. אתם לא תלויים במפתח. הקלוד הוא הצד השלישי שלכם · עובד 24/7 בלי שתרגישו לא נעים. המדריך הזה תמצית של מפגש 19 של מועדון AI Master עם אביבית בלומשטיין. נראה איך מחברים את פיגמה לקלוד דרך MCP, איזה סוכנים מותאמים אישית הופכים את התהליך למקצועי, אילו חוקי ברזל בעיצוב פיגמה גורמים לקלוד לפלוט קוד מדויק, ואיך פורסים את התוצאה ל-Vercel עם דומיין משלכם.
מה יהיה לכם בסוף המדריך
- חיבור MCP חי בין Claude Code לחשבון הפיגמה שלכם · קלוד קורא קבצים ישירות, לא מנחש
- API Token מוגדר בצורה מאובטחת · לא חשוף בצ'אט, נשמר ב-.env
- 4 סוכנים מותאמים אישית · Copywriter, Critic, Developer, Launcher · משרד עיצוב שלם בלי משכורות
- חוקי ברזל לעיצוב פיגמה שגורמים לקלוד לתרגם 1:1 · Auto Layout, Variables, פריימים נכונים
- תהליך סנכרון דו-כיווני · שינוי בפיגמה מתעדכן בקוד, וההפך, דרך סוכן Design Sync
- אתר חי באוויר · Localhost → GitHub → Vercel → דומיין משלכם
למה זה משנה · הפער בין מעצב למפתח נסגר
שלב 1 · 3 התקנות בסיס לפני שמתחילים
חשבון Figma בתשלום
Professional ומעלה · חינמי לא מאפשר MCP
החשבון החינמי של פיגמה לא מאפשר חיבור MCP. צריך לפחות מנוי Professional. אם אתם רק רוצים להתנסות · אפשר להתחיל בתקופת ניסיון. אם אתם כבר עובדים עם פיגמה · בודקים בהגדרות שיש לכם את הסוג הנכון של החשבון.
מסלולי Figmawww.figma.com/pricingטיפ לסוכנים: אם חשבון החברה שלכם הוא Professional · בקשו מהאדמין להוסיף אתכם. אין צורך לרכוש מנוי אישי בנפרד.
Node.js
המנוע שמריץ את הכל מתחת למכסה המנוע
Node.js היא סביבת הריצה של JavaScript. תחשבו עליה כעל מתרגם · היא לוקחת את הקוד שקלוד כותב, מריצה אותו ישירות על המחשב שלכם (לא בדפדפן), ומאפשרת להריץ אתר ב-localhost לפני שעולה לאוויר. ההתקנה לוקחת שתי דקות, חינמית, וצריך לעשות אותה פעם אחת.
להורדת Node.jsnodejs.orgטיפ לסוכנים: בוחרים את גרסת LTS (השמאלית) · יציבה יותר. אחרי ההתקנה · פותחים טרמינל ומקלידים `node -v`. אם רואים מספר גרסה · עובד.
Claude Code Desktop
הגישה הנוחה והעוצמתית · לא דפדפן
אל תעבדו ב-Claude בדפדפן. צריך את אפליקציית הדסקטופ של Claude Code. רק הגרסה הזו יכולה לגשת לתיקיות במחשב שלכם, להתחבר ל-MCP, להריץ קוד מקומית. הגרסה הוובית טובה לאוטומציות עם Gmail או Drive · אבל לא לפיתוח.
הורדת Claude Desktopclaude.ai/downloadטיפ לסוכנים: אחרי ההתקנה · נכנסים לחשבון Claude Pro (20 דולר/חודש) או Max (100 דולר/חודש). הסדנה והמדריכים הקיימים עובדים על Pro.
💡 Claude Code לעומת Claude Cowork לעומת Claude Design · כולם מבוססים על אותו מנוע (Opus / Sonnet). Cowork זו גרסה מעוקרת ונחמדה. Claude Design הוא ממשק אונליין יפה אבל יקר (טוקנים נפרדים, יכולים לרוץ ל-300 דולר). Claude Code עושה את כל היכולות של שלושתם · ויש לו גישה מלאה לדסקטופ ולפיגמה דרך MCP. אם מתרגלים לעבוד איתו · לא חוזרים.
שלב 2 · רגע, מה זה פיגמה?
🧰 לא יודעים להשתמש בפיגמה? אין סטרס. בסוף המדריך יש קוד QR לקהילת המעצבים של אביבית · 'פורטפוליו לב'. אבל גם בלי לדעת לעצב · אפשר להיכנס ל-Figma Community, להוריד תבנית מוכנה (Portfolio, Dashboard, Landing Page), ולחבר אותה ישירות לקלוד.
שלב 3 · יצירת API Token בפיגמה (5 דקות)
איך מייצרים את הטוקן · שלב אחר שלב
- 1נכנסים ל-Figma (דפדפן או דסקטופ), לוחצים על האווטר שלכם · Settings
- 2לשונית Security · גוללים למטה עד Personal Access Tokens
- 3Generate new token · נותנים שם משמעותי (למשל 'Claude MCP')
- 4Expiration · בוחרים 90 ימים (המקסימום הקיים). הקלוד יתריע כשצריך לחדש
- 5סקופים (הרשאות) · מאשרים את אלה: File content (Read), File metadata, Library content (Read), Library assets (Read), Variables (Read), Design system (Read)
- 6לא מאשרים את אלה: File comments (Write), Webhooks · עדיף לא לתת לקלוד הרשאות כתיבה למסמכים שמשותפים עם אחרים
- 7לוחצים Generate token · מקבלים מחרוזת ארוכה של אותיות ומספרים. מעתיקים אותה למקום בטוח · לא רואים אותה שוב
⚠️ אזהרת בטחת מידע · הטוקן הזה הוא צ'ק פתוח. אל תזרקו אותו ל-chat של קלוד! אל תשמרו אותו בקובץ רגיל! אל תשלחו אותו במייל! הדרך הנכונה: שמים אותו רק ב-Terminal (פעם אחת) או בקובץ .env שקלוד יוצר עבורכם. אם הטוקן דלף · נכנסים מיד ל-Settings → Security → Revoke.
שלב 4 · חיבור MCP · הגשר בין קלוד לפיגמה
פקודת ה-MCP להזנה בטרמינל (דוגמה · תקבלו את הגרסה שלכם מהפיגמה)
claude mcp add figma-developer-mcp -- npx -y figma-developer-mcp --figma-api-key=YOUR_TOKEN_HERE --stdio
איך מריצים את הפקודה בלי לחשוף את הטוקן
- 1בקלוד דסקטופ · פותחים את הטרמינל הפנימי (Cmd+J ב-Mac, Ctrl+J ב-Windows)
- 2מעתיקים את הפקודה מהפיגמה. ב-YOUR_TOKEN_HERE · מחליפים בטוקן שיצרתם בשלב 3
- 3מדביקים בטרמינל. לוחצים Enter
- 4מחכים שתופיע השורה: 'Installed', 'Registered', 'Connected'
- 5אם משהו נכשל · עושים צילום מסך של ההודעה ושולחים בצ'אט לקלוד. הוא ידע לתקן
- 6בודקים שעובד · שואלים את קלוד: 'תסביר לי את הסטטוס של ה-MCP'. אם הוא יודע לרשום את כל ה-tools של figma-developer-mcp · עובד
🔒 ההבדל בין Connector ל-MCP · בקלוד יש Connectors מוכנים לפיגמה (דרך Customize). הם נותנים גישה בסיסית. ה-MCP הרשמי מהפיגמה נותן גישה הרבה יותר רחבה: קריאה מלאה של מבנה הקובץ, של ה-Variables, של הקומפוננטות. אם אתם רציניים · MCP. אם אתם רק מסתכלים · Connector מספיק.
שלב 5 · המרה ראשונה · מקובץ פיגמה לאתר חי
התהליך מקצה לקצה
- 1פיגמה · פותחים את הקובץ שרוצים להמיר. עוברים ל-Dev Mode. עושים Share → Copy Link
- 2קלוד · יוצרים תיקיית פרויקט חדשה (לדוגמה 'portfolio'), פותחים session חדש
- 3מדביקים את הקישור לפיגמה ומסבירים בעברית: 'אני רוצה להפוך את הדבר היפה הזה לאתר חי. תעבוד עם הסוכן Figma Implement Design'
- 4קלוד קורא את הקובץ, סורק את הליירס, בונה את העץ של הקוד · React/HTML/CSS
- 5פותח Localhost · נותן לכם URL (לרוב http://localhost:3000) ופותח preview בצד
- 6אתם רואים את האתר חי. רספונסיב במובייל, עם hover states, עם כל הדקויות. תוך 20–30 דקות
🎯 בלי סוכן · קלוד יבנה אתר, אבל הוא יהיה גנרי. סוכנים מקצועיים (שלב הבא במדריך) הם ההבדל בין 'אתר שנראה כמו AI בנה אותו' לבין 'אתר שנראה כמו מעצב מקצועי עיצב אותו'.
שלב 6 · 4 הסוכנים שהופכים את התהליך למקצועי
Copywriter
כותב בקול שלכם · לא בקול של AI
סוכן שמכיר את הטון שלכם · איך אתם כותבים כותרות, איזה מילים אתם נמנעים מהן, איך נראה CTA טיפוסי באתר שלכם. דינמי · משתפר כל סשן. אפשר ליצור גרסה אחרת לכל פרויקט · גרסה ל-Personal Brand וגרסה לחברה.
תיעוד יצירת סוכניםdocs.claude.com/en/docs/claude-code/sub-agentsטיפ לסוכנים: הסוכן הזה מתעדכן אחרי כל סשן. סיימתם פרויקט שבו אהבתם את ה-microcopy · אומרים לקלוד 'תשמור את הטון הזה ב-Copywriter Agent'.
Critic
ביקורת אוטומטית על העיצוב לפני שעולה לאוויר
אחרי שהאתר מוכן · הסוכן הזה עובר עליו ובודק: היררכיה ויזואלית, רספונסיביות, נגישות, התאמה לדיזיין סיסטם, contrast ב-WCAG. במקום שאתם תבדקו ידנית · קלוד אומר לכם בדיוק מה לתקן ואיפה.
תיעוד יצירת סוכניםdocs.claude.com/en/docs/claude-code/sub-agentsDeveloper (Figma Implement Design)
ממיר עיצוב לקוד · המוח של התהליך
הסוכן הראשי. מקבל קישור לפיגמה, סורק את הקובץ, בונה את הקוד · רכיב אחר רכיב, עם CSS מדויק שתואם 1:1 לעיצוב. תומך באוטומציה של רספונסיביות אם הקובץ נבנה ב-Auto Layout נכון.
תיעוד יצירת סוכניםdocs.claude.com/en/docs/claude-code/sub-agentsטיפ לסוכנים: אביבית תיתן את הסוכן הזה במתנה לקהילה. הוא יישלח דרך הסיכום של המפגש למועדון.
Launcher
מעלה את הקוד מ-Localhost לאוויר
סיימתם את העבודה ב-Local? הסוכן הזה דוחף את הקוד ל-GitHub, מחבר אוטומטית ל-Vercel, פורס לאוויר, ומחזיר URL ציבורי. כל זה בלי שאתם נוגעים ב-DevOps. במקום 5 פעולות ידניות · משפט אחד.
תיעוד יצירת סוכניםdocs.claude.com/en/docs/claude-code/sub-agents🤖 בונוס · Design Sync. סוכן חמישי שאביבית מציינת. אחרי שהאתר חי, ואתם משנים משהו בפיגמה (לקוח ביקש לעדכן צבע) · הסוכן הזה מסנכרן את השינוי בקוד. דו-כיווני. הפיגמה לא מת לאחר ההמרה הראשונה · ממשיך לחיות לצד הקוד.
שלב 7 · 5 חוקי ברזל בעיצוב הפיגמה
החוקים · בלי פשרות
- 1**Auto Layout בכל מקום** · במקום למקם רכיבים ידנית · משתמשים ב-Auto Layout. ככה קלוד יודע ליצור רספונסיביות אוטומטית. במובייל הרכיבים יקפצו אחד מתחת לשני בלי לשבור את העיצוב
- 2**שמות הגיוניים לליירס** · לא 'Frame 1', לא 'Group 2'. כפתור נקרא 'Button-Primary', אזור Hero נקרא 'Section-Hero'. קלוד מתבלבל עם שמות גנריים · נותן לקוד שמות מבלבלים
- 3**Variables לצבעים, פונטים, ריווחים** · במקום לכתוב #FF6B00 בכל מקום · יוצרים משתנה 'color/primary' ומשתמשים בו. קלוד מתרגם את זה ל-CSS Variables · האתר ניתן לעריכה גלובלית בשורה אחת
- 4**Frame, לא Group** · משתמשים תמיד ב-Frames (לחיצה על F). Group זה מבנה ישן ולא נקרא טוב על ידי קלוד. Frame נותן את כל הכוח · גמישות, Auto Layout, רספונסיביות
- 5**אייקונים כ-SVG או Component** · אם זה אייקון · או שמייבאים אותו כ-SVG (פורמט וקטורי שלא מתפקסל), או שיוצרים ממנו Component. PNG של אייקון = קלוד יבנה תמונה ולא קוד נקי, האתר ייצא כבד יותר ופחות גמיש
📚 לא בנוי Auto Layout? לא נורא. יש סקיל שנקרא 'Strap Grid Builder' שיודע לתרגם עיצובים שלא בנויים ב-Auto Layout · לרספונסיב טוב. נקודת פתיחה טובה, אבל המקור עדיף.
שלב 8 · אין לכם עיצוב מוכן? Figma Community
Figma Community
אלפי תבניות עיצוב חינמיות וזמינות מיידית
ספריית תבניות עצומה · UI Kits, Dashboards, Mobile Apps, Landing Pages, Icons, Illustrations. רובן חינמיות. לוחצים על תבנית · 'Open in Figma' · התבנית מועתקת לחשבון שלכם, אתם עורכים אותה, ומשם לקלוד.
ל-Figma Communitywww.figma.com/communityטיפ לסוכנים: בחיפוש · מסננים לפי 'Free'. שווה לעבור על דירוגי הקהילה · תבנית עם 50K הורדות סביר להניח שגם תהיה מובנית טוב.
שלב 9 · מ-Localhost לאוויר · GitHub + Vercel
פקודות לקלוד · קופי-פייסט
- 1'תיצור לי repo פרטי ב-GitHub ותדחוף את הקוד'
- 2'תחבר את ה-repo הזה ל-Vercel ותפרוס ל-Production'
- 3'יש לי דומיין avivit-portfolio.com שקניתי בקלאודפלייר. תחבר אותו לפרויקט ותעדכן את ה-DNS records'
- 4'תוסיף לאתר Google Analytics 4 ותחבר את ה-Property ID שלי'
💰 חברו 3 כלים יחדיו · GitHub חינמי, Vercel חינמי (עד 100GB תעבורה לחודש), Figma Professional זה החיוב היחיד. אם יש לכם את הסדנה והמועדון · ה-ROI מהאתר הראשון מחזיר את ההוצאה פי 50.
שאלות נפוצות מהמפגש
Claude Design יחליף את פיגמה?
לא בקרוב. Claude Design הוא ממשק עיצובי באתר של Claude (לא בדסקטופ). הוא יפה, מהיר, ויודע לייצר עיצובים בסיסיים · אבל הוא מאוד מוגבל. הטוקנים שלו נפרדים מ-Claude Code, יקרים, ונגמרים מהר. אביבית הגיעה ל-300 דולר בחשבון אחד. מי שעובד עם Claude Code על הדסקטופ · יכול להגיע לאותן תוצאות בלי תוספת עלות. פיגמה ממשיכה להיות הסטנדרט המקצועי לעיצוב מורכב.
אני לא מעצב/ת · האם המדריך הזה רלוונטי לי?
כן, אבל בהבדל אחד · במקום שאתם תייצרו את העיצוב בפיגמה, אתם נכנסים ל-Figma Community, מורידים תבנית מוכנה (פורטפוליו, דשבורד, דף נחיתה), עורכים את הטקסטים והתמונות, ומחברים לקלוד. אביבית מציעה גם · לבקש מקלוד 'בוא נבנה ביחד דיזיין סיסטם'. נותנים לו תמונות, מודבורד, רעיונות · קלוד מייצר את הבסיס.
מה ההבדל בין סוכן (Sub-Agent) לבין סקיל (Skill)?
סקיל הוא יכולת מוגדרת · 'עריכת וידאו', 'כתיבה בעברית', 'בדיקת נגישות'. קלוד מפעיל אותו כשרלוונטי. סוכן (Sub-Agent) הוא ישות עם 'מוח' שלם · יודע לבצע סדרת פעולות, לקבל החלטות, להפעיל סקילים אחרים. ב-Figma + Code · סוכן 'Developer' יכול להפעיל סקילים של 'CSS Optimization', 'Accessibility', ו-'OKLCH Colors' בו זמנית. מי שמתחיל · משתמש בסקילים. מי שמתקדם · בונה סוכנים.
האם חייבים לבנות סוכנים כדי לקבל תוצאות מקצועיות?
אביבית בדקה גם בלי סוכנים · התוצאות היו פחות טובות. הסוכנים נותנים כוחות-על: כל אחד מאומן למשימה ספציפית, יודע איך אתם רוצים שהוא יחשוב, ועובד באופן מתואם עם האחרים. שווה את ההשקעה הראשונית של 2–3 שעות ליצירת סוכן · אחר כך הוא עובד עבורכם לנצח.
החיבור נכשל לי · מה לעשות?
צעד אחרי צעד · 1) ודאו שהחשבון פיגמה שלכם בתשלום. 2) ודאו ש-Node.js מותקן · בטרמינל תקלידו `node -v` ותקבלו מספר גרסה. 3) ודאו שהטוקן עדיין בתוקף · אם עברו 90 ימים · מייצרים חדש. 4) צילום מסך של שגיאת הטרמינל · שולחים לצ'אט של קלוד. הוא יודע לזהות 95% מהתקלות.
מה קורה כשיש לי אתר חי ולקוח מבקש שינויים · כל פעם מתחילים מאפס?
לא. שתי דרכים · 1) עורכים את העיצוב ישירות בפיגמה, ומפעילים את סוכן Design Sync · קלוד מסנכרן את השינוי לקוד. 2) פשוט אומרים לקלוד 'שנה את הכפתור הראשי לכחול' בלי לגעת בפיגמה · הוא יערוך את הקוד ישירות. הדרך הראשונה יותר מקצועית · הפיגמה והקוד נשארים מסונכרנים.
מה ההבדל בין החיבור הזה לבין Cursor / VS Code?
Cursor ו-VS Code הם IDEs · סביבות פיתוח קלאסיות שמיועדות למפתחים. הם דורשים ידע טכני בסיסי. Claude Code Desktop נבנה למשתמשים שאינם מפתחים · ממשק אינטואיטיבי, פחות תלות בטרמינל, חוויה נקייה יותר. כל היכולות של Cursor קיימות גם בקלוד · רק שהממשק יותר נגיש.
למה לבנות בפיגמה ולא ישר בקלוד?
אפשר לבנות ישר בקלוד · ומקבלים אתר. אבל פיגמה נותנת לכם שליטה ויזואלית מלאה לפני שכותבים שורת קוד · אתם רואים את הסקציות, את ההיררכיה, את הצבעים, ויכולים לעדכן ברגע. כשמעבירים את זה לקלוד · התוצאה מדויקת פי כמה. בנוסף · פיגמה מאפשרת לשתף את העיצוב עם לקוח לאישור לפני שמשקיעים בפיתוח. עבור פרויקטים קטנים · ישר לקלוד. עבור פרויקטים מקצועיים · דרך פיגמה.
למה הקונקטור הרגיל של קלוד לפיגמה לא מספיק?
הקונקטור (Customize → Connectors → Figma) נותן גישה בסיסית · קלוד יכול לקרוא חלקים מהקובץ ולעשות מניפולציות מינוריות. הוא לא יורד לעומק של הקובץ · לא רואה את כל ה-Variables, לא קורא את כל ההיררכיה של הקומפוננטות, ולא יכול לכתוב ולעדכן. ה-MCP הרשמי של פיגמה נותן גישה מלאה · קריאה לעומק, גישה ל-Design System, יכולת לבצע פעולות. אם אתם רציניים על התהליך · MCP. אם זה רק התנסות חד פעמית · הקונקטור מספיק.
האם הטרמינל צריך להיות פתוח כל הזמן? איך מונעים מקלוד להיות יצירתי מדי?
הטרמינל לא צריך להיות פתוח · קלוד דסקטופ מנהל אותו ברקע אחרי החיבור הראשוני. כדי שקלוד לא יצא לדמיון פרוע · משתמשים ב-Plan Mode (כפתור בתחתית קלוד). בו הוא מציג תוכנית עבודה לפני שהוא רץ לבנות, ואתם מאשרים. עוד טריק · נותנים לו הוראות ברורות עם ערכים מדויקים ('עמודה ימנית, רוחב 320px, רקע #FFFFFF') במקום ניסוחים פתוחים ('כותרת יפה'). ככל שהפרומפט מדויק · התוצאה מדויקת.
האם כל פרויקט מצריך סוכן משלו? או שאפשר לשתף סוכן אחד לכמה פרויקטים?
תלוי בסוג הסוכן. סוכן Developer גנרי שעובד עם כל פרויקט פיגמה · שווה לשתף בין פרויקטים. סוכן Copywriter · עדיף סוכן נפרד לכל פרויקט (כי הטון משתנה בין פרויקט אישי לפרויקט עבור לקוח). שיטת אביבית · יוצרים סוכן בסיס, ומעתיקים אותו לכל תיקיית פרויקט תוך עדכונים קטנים שמתאימים לפרויקט הספציפי.
אם נותנים לקלוד את כל הסוכנים, זה לא עולה ביותר טוקנים?
קלוד טוען רק את הסוכנים הרלוונטיים לבקשה הספציפית, לא את כולם. סוכנים שלא פעילים · לא מעמיסים על הטוקנים. עם זאת · אם יש לכם 30 סוכנים בתיקייה, קלוד עלול להתבלבל איזה לבחור. אביבית ממליצה · עד 5–7 סוכנים בכל תיקיית פרויקט. השאר · בתיקיות נפרדות.
מה לגבי בדיקות אבטחה ו-SEO לאתר שיוצא מקלוד?
קלוד יודע לטפל בשניהם · אבל צריך לבקש. SEO · 'תוסיף Meta tags לפי הקודים של Google, sitemap.xml, robots.txt, ו-structured data'. אבטחה · 'תוסיף HTTPS דרך Vercel, תוודא שאין secrets בקוד, תגדיר CSP headers'. סקילים שכדאי להתקין · 'Israeli Privacy Shield' לפרטיות, 'Israeli Accessibility Compliance' לנגישות. את שניהם הזכרנו במדריך 'Vibe Coding'.
האם הקבצים שלי בגיטהאב פתוחים לכולם?
תלוי בהגדרה. כשיוצרים repo חדש בגיטהאב · אפשר לבחור Public (פתוח לכולם) או Private (רק לכם ולמי שאתם מזמינים). ברירת המחדל בחשבון חינמי · יכולה להיות Public. כשמדברים עם קלוד · תמיד מבקשים 'תיצור לי repo פרטי' או 'תיצור לי Private repository'. אם בטעות יצא Public · נכנסים ל-GitHub → Settings → General → Danger Zone → Change visibility.
מה קורה כשרוצים לעדכן תוכן באתר הלייב? אין לנו מערכת ניהול תוכן
שלוש אופציות · 1) אומרים לקלוד 'עדכן את הטקסט ב-Hero ל-X' · הוא מעדכן את הקוד ופורס מחדש ל-Vercel. מהיר ל-edits נקודתיים. 2) שמירת התוכן בקובץ JSON או MD נפרד בתוך הפרויקט · אפשר לערוך בעריכה פשוטה ולא נוגעים בקוד עצמו. 3) חיבור CMS חיצוני (Notion, Airtable, Sanity) שאתם מעדכנים שם · קלוד בונה תשתית שמושכת ממנו אוטומטית. הראשונה הכי פשוטה, השלישית הכי מקצועית.
האם זה מחליף את Lovable / Bolt / Replit?
בעיקרון · כן. Lovable, Bolt, Replit Agent · כולם כלי 'Vibe Coding' שמייצרים אתרים מתיאור. ההבדל · הם כלים סגורים, אתם מוגבלים למה שהם מאפשרים, ויש להם מנויים נפרדים. Claude Code · עובד גם על אתרים, גם על אוטומציות, גם על סוכנים, גם על עריכת וידאו · מנוי אחד. בנוסף · קלוד נותן לכם גישה לקוד עצמו, אתם הבעלים, יכולים לעבור לכל פלטפורמה. ב-Lovable · יש vendor lock-in.
פיגמה לעומת Stitch AI · מה עדיף?
פיגמה היא הסטנדרט המקצועי לעיצוב מוצרים דיגיטליים · 16 שנה בשוק, אקוסיסטם עצום, MCP רשמי לקלוד. Stitch AI הוא כלי חדש יותר · מייצר עיצובים מטקסט, נחמד להתנסות, אבל פחות מקצועי לפרויקטים מורכבים. אם אתם בונים פעם בעשור · Stitch יספיק. אם אתם בונים מוצרים באופן רציני · פיגמה.
אנחנו יזמים בלי רקע עיצובי · איך בונים דיזיין סיסטם?
שלוש דרכים · 1) קלוד בונה אותו עבורכם · מעלים לו מודבורד, אתרים שאהבתם, תמונות שמייצגות את המותג, ואומרים 'בנה לי דיזיין סיסטם'. הוא יוצר פלטה, פונטים, ספאיינג, היררכיה. 2) קונים תבנית מוכנה ב-Figma Community · עורכים את הצבעים והפונטים לטעם שלכם. 3) משתמשים בסקיל 'UI/UX Pro Max' או 'Web Design Guidelines' · 50 סגנונות, 161 פלטות צבעים מוכנים. אביבית הציגה בעבר מפגש שלם על בניית דיזיין סיסטם · עלה למערכת המועדון.
האם אפשר לחבר את הזרימה הזו לאוטומציות נוספות?
כן. דוגמאות מהקהילה · 1) קלוד יוצר את האתר → שולח עדכון לסלאק. 2) שינוי בפיגמה → קלוד מסנכרן → דוחף ל-GitHub → Vercel פורס אוטומטית. 3) קלוד יוצר את האתר → מעלה screenshots ל-Drive → שולח מייל ללקוח עם הקישור. הכל דרך Make.com או דרך MCPs נוספים שאפשר להוסיף לקלוד.