קורן בן עזרא
מה Claude יכול לעשות עם Figma
Figma הוא כלי עיצוב שמיועד בעיקר למעצבים ולמפתחים, וחיבור שלו ל-Claude נותן גישה לצבעים, לפונטים ולקומפוננטות בקובץ עיצוב קיים. בעל עסק ירוויח בעיקר משליפת נכסי מותג מוכנים, או ממסירת מפרט מדויק למפתח שעובד מול Claude Code.
- צבעים, פונטים ומרווחים ששמורים כמשתנים בקובץ עיצוב
- מבנה של פריים או קומפוננטה, כולל שכבות וגדלים
- צילום מסך של פריים או עמוד בקובץ
- יצירה ועדכון של פריימים וקומפוננטות בקובץ, בשרת המרוחק בלבד
מה צריך לפני שמתחילים
- חשבון Figma עם גישה לקובץ שרוצים לעבוד עליו
- מכסת שימוש לפי המושב: בתוכנית Starter עד 20 קריאות בחודש, במושב View או Collab בתוכנית בתשלום עד 6 בחודש, ובמושב Dev או Full בין 200 ל-600 קריאות ביום
- חשבון Claude באתר claude.ai או באפליקציה למחשב
- כ-5 דקות
איך מחברים את Figma ל-Claude.
הדרך הרשמית והפשוטה היא המחבר של Figma בספריית המחברים של Claude, שמתחבר לשרת המרוחק של Figma. לא צריך טרמינל ולא צריך את אפליקציית Figma פתוחה, רק התחברות לחשבון וקישור לקובץ. כדאי לדעת מראש שהמכסה תלויה במושב: בתוכנית Starter החינמית יש עד 20 קריאות בחודש, ובמושב View או Collab בתוכנית בתשלום עד 6 בחודש, ולכן מי שעובד עם זה באופן קבוע צריך מושב Dev או Full.
- 1
מכינים קישור לפריים ב-Figma
השרת של Figma עובד לפי קישורים: Claude צריך קישור לקובץ או לפריים מסוים כדי לדעת על מה לעבוד. מכינים קישור אחד לבדיקה, למשל לעמוד הבית של האתר או ללוח הצבעים של המותג.
- פותחים את הקישור ונכנסים עם חשבון Figma שיש לו גישה לקובץ
- פותחים את הקובץ ולוחצים קליק ימני על הפריים שרוצים
- בוחרים Copy/Paste as ואז Copy link
- שומרים את הקישור בצד. אפשר גם לסמן את הפריים ולהעתיק את הכתובת מסרגל הכתובות בדפדפן
איפה:https://www.figma.com/loginכל שאלה ש-Claude שולח ל-Figma נספרת כקריאה. בתוכנית Starter יש 20 בחודש, ולכן בודקים על פריים אחד קטן ולא על עמוד שלם עם עשרות מסכים.
- 2
פותחים את המחבר של Figma בספריית המחברים
המחבר הרשמי של Figma נמצא בספריית המחברים של Claude ומתחבר בלחיצה, בלי כתובת שרת ובלי טרמינל. נכנסים עם חשבון Claude הרגיל, בדפדפן או באפליקציה למחשב, והחיבור יעבוד אחר כך בשניהם וגם בנייד. הקישור פותח ישר את העמוד של המחבר.
- פותחים את הקישור ונכנסים לחשבון Claude אם מתבקש. נפתח העמוד של Figma בספריית המחברים
- אם הקישור לא נפתח, נכנסים ל-https://claude.ai/customize/connectors (באפליקציה למחשב: Customize בתפריט הצד ואז Connectors), לוחצים Discover וכותבים Figma בשדה Search connectors
- לוחצים על Figma בתוצאות
איפה:https://claude.ai/directory/c758d038-d8eb-4421-b426-9dd68dc7f84aבתוכנית Team או Enterprise של Claude, אם במקום Connect to Claude מופיע Request, בעל הארגון צריך להוסיף קודם את המחבר לארגון. לוחצים Request ומחכים לאישור שלו.
- 3
מתחברים לחשבון Figma
עכשיו מאשרים ל-Claude לקרוא מהחשבון. באתר claude.ai דף ההתחברות של Figma נפתח באותה לשונית, ובאפליקציה למחשב הוא נפתח בדפדפן.
- לוחצים Connect to Claude
- בדף של Figma מתחברים עם אותו חשבון מהשלב הראשון
- לוחצים Allow Access
אם דף ההתחברות לא נמצא בכתובת של figma.com, לא מאשרים.
- 4
מגדירים מה Claude עושה רק באישור שלכם
המחבר יודע גם לקרוא מהקובץ וגם לכתוב אליו, למשל ליצור מסכים חדשים. בשלב הראשון מגדירים שכל כתיבה תחכה לאישור, ובתוכנית Starter כדאי שגם כל קריאה תחכה, כדי שלא תיגמר המכסה החודשית בלי ששמתם לב.
- ב-Customize > Connectors לוחצים על Figma תחת Your connectors
- גוללים לחלק Tool permissions
- ליד use_figma וליד generate_figma_design, אם הם מופיעים, בוחרים Needs approval. אלה הכלים שכותבים לקובץ
- בתוכנית Starter בוחרים Needs approval גם ליד שאר הכלים, כמו get_design_context ו-get_variable_defs
איפה:https://claude.ai/customize/connectors - 5
מדליקים את החיבור בשיחה ובודקים
מדליקים את Figma בשיחה, מדביקים את פרומפט הבדיקה שמופיע כאן למטה, ומוסיפים אחריו את הקישור מהשלב הראשון. הפרומפט מבקש רק לקרוא ולא משנה כלום בקובץ.
- פותחים שיחה חדשה ב-Claude
- לוחצים + בתיבת ההודעה ובוחרים Connectors
- מדליקים את המתג ליד Figma
- מדביקים את פרומפט הבדיקה ושולחים. כש-Claude מבקש אישור להשתמש בכלי, לוחצים Allow once ולא Always allow, כדי לראות כל פעם מה הוא מבקש
מי שעובד גם ב-Claude Code ומחובר שם עם אותו חשבון Claude, יקבל את המחבר הזה גם שם, בלי הגדרה נוספת.
- 6
מנתקים כשלא צריך
חיבור שלא בשימוש כדאי לכבות, גם כדי שלא ייגע בקבצים וגם כדי לשמור על המכסה. אפשר לכבות רק בשיחה מסוימת, או לנתק לגמרי ולהתחבר מחדש כשצריך.
- כדי לכבות בשיחה אחת: לוחצים + בתיבת ההודעה, בוחרים Connectors ומכבים את המתג ליד Figma
- כדי לנתק לגמרי: ב-Customize > Connectors לוחצים על Figma ואז Disconnect
איפה:https://claude.ai/customize/connectors
מדביקים ב-Claude. אם מתקבלת תשובה עם נתונים אמיתיים מהחשבון, הכל מחובר.
תוציא לי מהקובץ הזה בפיגמה את כל צבעי המותג שרשומים כמשתנים, בלי לשנות שום דבר בקובץפרומפטים מוכנים לעבודה
שליפת צבעי המותג
תוציא לי מהקובץ הזה בפיגמה את כל צבעי המותג שרשומים כמשתניםבניית קומפוננטה בקוד
הנה קישור לכפתור הזה בפיגמה, תבנה ממנו קומפוננטת React תואמת בדיוקמפרט מדויק למפתח
תסביר בדיוק מה המרווחים והפונט של הכרטיס הזה בפיגמה, כדי שאעביר את זה למפתחצילום מסך של עמוד
תביא לי צילום מסך של העמוד הראשי בקובץ הזהבדיקת עקביות עיצובית
תבדוק אם כל הכפתורים בקובץ הזה משתמשים באותו רדיוס פינות ואותו גודל פונטרשימת קומפוננטות בקובץ
תראה לי אילו קומפוננטות קיימות בקובץ הזה, ואיזה מהן בשימוש בכמה מסכיםעדכון טקסט בקומפוננטה
תעדכן את הכותרת בפריים הזה לטקסט החדש ששלחתי, ותשמור את זה בקובץדרכים נוספות להתחבר (למתקדמים)
הדרך הקלה: המחבר הרשמי בספריית המחברים של Claude
מי שרוצה לשאול על קובץ Figma בתוך שיחה רגילה ב-claude.ai או Claude Desktop
- ב-Claude נכנסים ל-Customize ואז Connectors, לוחצים Discover ומחפשים Figma בשדה Search connectors
- לוחצים Connect to Claude ומתחברים לחשבון Figma
- בדף של Figma לוחצים Allow Access
- ב-Tool permissions מגדירים Needs approval לכלים שכותבים לקובץ, ובתוכנית Starter גם לשאר הכלים
- בשיחה לוחצים + ואז Connectors ומוודאים שהמתג של Figma דלוק
זמין בכל תוכניות Figma, כולל Starter החינמית, אבל עם מכסה: בתוכנית Starter עד 20 קריאות בחודש, ובמושב View או Collab בתוכנית בתשלום עד 6 בחודש.
חיבור ישיר מתוך Claude Code, בלי לפתוח את Figma
מפתחים שעובדים מול Claude Code וצריכים הקשר עיצובי בזמן כתיבת קוד
- בטרמינל מריצים את הפקודה שמוסיפה את שרת ה-MCP המרוחק של Figma
- בתוך Claude Code מקלידים /mcp, בוחרים figma ולוחצים Authenticate
- בדפדפן שנפתח מתחברים לחשבון Figma ולוחצים Allow Access
claude mcp add --transport http figma https://mcp.figma.com/mcp
claude mcp add --transport http figma https://mcp.figma.com/mcp -s user
זמין בכל התוכניות כולל Starter, ומאפשר גם לכתוב שינויים חזרה לקובץ.
שרת מקומי דרך אפליקציית ה-Desktop, לארגונים
צוותי פיתוח עם מושב Dev או Full בתוכנית בתשלום שצריכים את אפליקציית Figma פתוחה
- פותחים את אפליקציית ה-Desktop של Figma ונכנסים לקובץ עיצוב
- עוברים ל-Dev Mode דרך הכפתור בסרגל התחתון או קיצור המקשים Shift+D
- בפאנל Inspect, תחת MCP server, לוחצים Enable desktop MCP server
- בטרמינל מחברים את השרת המקומי ל-Claude Code
claude mcp add --transport http figma-desktop http://127.0.0.1:3845/mcp
דורש מושב Dev או Full בתוכנית בתשלום, ואת אפליקציית ה-Desktop פתוחה ברקע. Figma עצמה ממליצה על השרת המרוחק כברירת מחדל.
איך מחברים בלי לסכן את החשבון
- בשרת המרוחק Claude יכול גם לכתוב לקנבס, ולכן מגדירים ב-Tool permissions ש-use_figma ו-generate_figma_design יחכו לאישור
- אין הפרדה בין קריאה לכתיבה במסך ההתחברות של Figma, ולכן ההגנה היא ב-Tool permissions של Claude ובבדיקה של כל שינוי בקובץ
- מחברים רק קובץ שרלוונטי למשימה, ומנתקים ב-Customize ואז Connectors עם Disconnect כשמסיימים
כמה זה עולה
השרת המרוחק זמין בחינם גם בתוכנית Starter. השרת המקומי דורש מושב בתוכנית בתשלום: מושב Full בתוכנית Professional עולה 16 דולר לחודש ומושב Dev עולה 12 דולר לחודש, ובתוכניות Organization ו-Enterprise המחירים גבוהים יותר. המחירים המלאים בעמוד הרשמי figma.com/pricing.
תקלות נפוצות
Claude מדווח שהגעתם למגבלת הקריאות (rate limit) של Figma
מופיעה השגיאה MCP tool "get_design_context" response exceeds maximum allowed tokens (25000)
מופיעה ההודעה We're having trouble connecting to the model provider
ביקשתי צבעים וקיבלתי קוד
ליד Figma מופיע Reconnect
שאלות ותשובות
האם צריך שהאפליקציה של Figma תהיה פתוחה
מה ההבדל בין השרת המרוחק למקומי
זה מתאים לבעל עסק בלי רקע טכני
אפשר לשנות את הקובץ בפיגמה דרך Claude
כמה פעמים אפשר להשתמש בזה בחודש
מקורות. את העמוד כתב קורן בן עזרא לפי התיעוד הרשמי של Figma ושל Anthropic, נכון ל-30.09.2026. ממשקים משתנים מהר, ולכן אם משהו נראה אחרת, התיעוד הרשמי הוא הקובע. המקורות: 1 · 2 · 3 · 4 · 5 · 6
