קורן בן עזרא
מה Claude יכול לעשות עם Webflow
חיבור Webflow ל-Claude נותן לו גישה לעיצוב ולתוכן של האתר: הוא בונה עמודים, רכיבים ומבני CMS, ומעדכן תוכן קיים, רק בגבולות ההרשאות שלכם ב-Webflow. מה שהסוכן בונה נפתח בעורך הוויזואלי ועולה לאתר החי רק כשאתם מפרסמים, אבל פריטי CMS המחבר יכול לפרסם בעצמו, ועבודה על ענף נפרד של עמוד (page branch) דורשת תוכנית Enterprise.
- מבנה עמודים ורכיבים קיימים באתר
- פריטי אוסף CMS ושדות קיימים
- כותרות ותיאורי מטא לבדיקת SEO
- עם תוסף Analyze בתוכנית מתאימה, נתוני תנועה וכניסות לאתר
- בניית עמודים ורכיבים חדשים
- עדכון פריטים קיימים באוסף CMS, גם בכמות גדולה
- עריכת טקסט, תמונות וקישורים בעמוד קיים
מה צריך לפני שמתחילים
- חשבון Webflow עם אתר. Webflow Analyze הוא תוסף בתשלום, ו-page branches דורש תוכנית Enterprise
- חשבון Claude בכל תוכנית, בדפדפן במחשב או באפליקציית Claude Desktop
- כ-5 דקות, פעם אחת
איך מחברים את Webflow ל-Claude.
הדרך הכי חזקה והרשמית היא המחבר של Webflow בספריית המחברים של Claude, שבנתה Webflow. מתקינים אותו בלי טרמינל, ובחלון האישור של Webflow בוחרים בדיוק לאילו אתרים ו-Workspaces לתת גישה. Claude עובד רק בתוך ההרשאות שיש לכם ב-Webflow, וכל פעולה שלו נרשמת ביומן הפעילות של האתר.
- 1
פותחים את הדף של Webflow בספריית Claude
המחבר הרשמי של Webflow רשום בספריית המחברים של Claude, כך שאין מה להתקין על המחשב. הדף הזה באתר של Anthropic מראה שהמחבר נבנה על ידי Webflow ואילו כלים יש בו.
- פותחים את הקישור
- בודקים שכתוב Made by Webflow ושיש סימון Anthropic verified
- לוחצים Add to Claude
- אם מתבקשים, מתחברים לחשבון Claude
איפה:https://claude.com/marketplace/connectors/webflowאם מחפשים את Webflow מתוך רשימת המחברים ב-Claude ולא מוצאים, Webflow ממליצה לעבור מהתצוגה Featured לתצוגה All.
- 2
מתחברים ובוחרים אתרים
Webflow מבקשת לבחור לאילו אתרים ו-Workspaces לתת גישה. בוחרים רק את מה שצריך. לפי Webflow כל אישור נותן גישה ל-Workspace אחד, ובאותו אישור מותקנת אוטומטית גם אפליקציית MCP Bridge App באתרים שבחרתם.
- בכרטיס של Webflow לוחצים Connect
- אם מתבקשים, נכנסים לחשבון Webflow
- מסמנים את האתרים וה-Workspaces שאליהם Claude יקבל גישה
- לוחצים Authorize App
איפה:https://claude.ai/customize/connectors - 3
מבקשים אישור לפני כל פעולה שכותבת
לכל מחבר יש מסך Tool permissions שקובע מה Claude עושה לבד ועל מה הוא שואל קודם. בהתחלה נותנים חופש רק לקריאה, וכל כלי שיוצר, משנה או מוחק יחכה לאישור שלכם.
- ב-Customize > Connectors לוחצים על Webflow
- מגיעים לחלק Tool permissions, שבו הכלים מחולקים לקבוצות לפי סוג
- ליד הקבוצה של כלי הכתיבה והמחיקה בוחרים Needs approval (למשל כלים שבונים אלמנטים, עורכים עמודים וכותבים ל-CMS)
- ליד הקבוצה של כלי הקריאה משאירים Always allow (למשל כלים שקוראים עמודים ונתונים)
איפה:https://claude.ai/customize/connectors - 4
יודעים מה עולה לאוויר ומתי
לפי Webflow, מה שהסוכן בונה נפתח בעורך הוויזואלי, ושם בודקים ומתקנים לפני שמפרסמים. את פריטי ה-CMS המחבר יכול גם לפרסם ולהסיר מפרסום בעצמו, ולכן הכלים שכותבים ל-CMS נשארים על Needs approval. כל שינוי נרשם ביומן הפעילות של האתר.
- אחרי כל שינוי פותחים את האתר ב-Webflow Designer ובודקים אותו
- מפרסמים את האתר בעצמכם, רק אחרי שבדקתם
- כדי לראות מה Claude שינה, פותחים את יומן הפעילות של האתר (site activity log)
איפה:https://webflow.com/dashboard - 5
מדליקים את Webflow בשיחה
בכל שיחה בוחרים אילו מחברים פעילים. אם Webflow כבוי בשיחה, Claude לא יראה את הכלים שלו ויענה מהידע הכללי במקום לפנות לחשבון שלכם.
- פותחים שיחה חדשה
- לוחצים על ה-+ בפינה התחתונה של תיבת הכתיבה
- מעבירים את העכבר על Connectors
- מדליקים את המתג של Webflow
איפה:https://claude.ai/new - 6
בודקים שהחיבור עובד
מדביקים באותה שיחה את פרומפט הבדיקה שמופיע מיד כאן למטה. הוא מבקש את רשימת העמודים באתר בלי לשנות כלום. אם חוזרת תשובה עם נתונים אמיתיים מהחשבון שלכם, החיבור עובד.
- מעתיקים את פרומפט הבדיקה שמופיע מיד כאן למטה
- מדביקים אותו בשיחה שבה המחבר דלוק ושולחים
- 7
פותחים את MCP Bridge App כשצריך
רוב העבודה לא דורשת לפתוח את Webflow. רק כמה יכולות, כמו צילום אלמנט או קריאה של מה שנבחר כרגע ב-Designer, עובדות כשהאתר פתוח ב-Designer ו-MCP Bridge App מחובר. מי שלא צריך אותן מדלג על השלב הזה.
- פותחים את האתר ב-Webflow Designer
- בפאנל Apps מפעילים את Webflow MCP Bridge App
- מחכים שהאפליקציה תתחבר לשרת. אפשר למזער אותה, אבל היא צריכה להישאר פתוחה
איפה:https://webflow.com/dashboard
מדביקים ב-Claude. אם מתקבלת תשובה עם נתונים אמיתיים מהחשבון, הכל מחובר.
תראה לי את רשימת העמודים באתר שלי ב-Webflow, בלי לשנות שום דבר.פרומפטים מוכנים לעבודה
עמוד נחיתה חדש
תבנה לי עמוד נחיתה חדש למוצר X עם כותרת, תיאור קצר וכפתור פנייה, לפי סגנון העמוד הראשי שלנועדכון מחירים בקולקציה
תעלה את כל המחירים באוסף המוצרים ב-10 אחוז, חוץ ממוצרים שכבר במבצעבדיקת תיאורי מטא
תבדוק אילו עמודים באתר חסרים תיאור מטא, ותציע תיאור קצר לכל אחדיצירת רכיב חוזר
תיצור רכיב כרטיס לקוח עם תמונה, שם ותפקיד, כדי שאוכל להשתמש בו בכמה עמודיםקריאה: מיפוי עמודים
תראה לי אילו עמודים קיימים באתר כרגע ומתי כל אחד עודכן לאחרונהעדכון תמונה בעמוד
תחליף את התמונה הראשית בעמוד הבית לתמונה שאני מעלה עכשיודרכים נוספות להתחבר (למתקדמים)
הדרך הקלה: המחבר הרשמי באפליקציית Claude
בעלי אתרים שרוצים לערוך את ה-Webflow שלהם בשיחה, בלי קוד ובלי טרמינל
- פותחים את claude.com/marketplace/connectors/webflow ולוחצים Add to Claude, או ב-claude.ai לוחצים בסרגל הצד Customize, עוברים ל-Connectors, לוחצים +, בוחרים Browse connectors ומחפשים Webflow
- אם מחפשים ולא מוצאים, Webflow ממליצה לעבור מהתצוגה Featured לתצוגה All
- לוחצים Connect ומתחברים לחשבון Webflow שלכם
- מסמנים את האתרים וה-Workspace שאליהם רוצים לתת גישה ולוחצים Authorize App
כל אישור נותן גישה ל-Workspace אחד, ולהחלפת Workspace מסירים את המחבר ומתקינים מחדש. עיצוב ועמודים נפתחים לבדיקה בעורך הוויזואלי לפני פרסום, אבל פריטי CMS המחבר יכול לפרסם ישירות. page branches דורשים תוכנית Enterprise.
למי שעובד ב-Claude Code: אותו שרת דרך שורת הפקודה
מי שכבר עובד ב-Claude Code ורוצה את אותה גישה מתוך הטרמינל
- מי שמחובר ל-Claude Code עם אותו חשבון Claude מקבל את המחבר מ-claude.ai אוטומטית
- כדי לחבר אותו רק לתיקייה מסוימת, פותחים טרמינל בתיקיית הפרויקט ומריצים את פקודת ההוספה
- בתוך Claude Code מקלידים /mcp, בוחרים את שרת Webflow של הפרויקט ולא את זה שמגיע מ-claude.ai, ומאשרים בדפדפן את האתרים שאליהם נותנים גישה
claude mcp add --transport http webflow https://mcp.webflow.com/mcp
claude mcp add --transport http webflow https://mcp.webflow.com/mcp -s project
השרת רץ מרוחק ולא שומר מפתחות במחשב שלכם, ההתחברות היא ב-OAuth דרך הדפדפן. זה אותו שרת בדיוק שמפעיל את המחבר הרשמי באפליקציה.
איך מחברים בלי לסכן את החשבון
- בכל התחברות בוחרים רק את האתר שבאמת צריך, לא את כל חשבון ה-Webflow
- ב-Customize > Connectors, בכרטיס Webflow, מעבירים את כלי הכתיבה, כולל אלה שמפרסמים פריטי CMS, למצב Needs approval, ובודקים כל שינוי בעורך הוויזואלי לפני שמפרסמים
- לפני שינוי מבני גדול, כמו מחיקת שדות באוסף CMS, בודקים גיבוי או עותק של האתר
כמה זה עולה
המחבר וה-MCP עצמם חינמיים גם ב-Claude וגם ב-Webflow. תוכנית האתר היא נושא נפרד: לפי help.webflow.com ו-webflow.com/pricing, נכון לעדכון התמחור של מאי 2026 יש תוכנית Starter חינמית ותוכניות בתשלום מעליה. לפי התיעוד של ה-MCP, Webflow Analyze הוא תוסף בתשלום לתוכניות Site, ו-page branches דורש תוכנית Enterprise.
תקלות נפוצות
לא מוצאים את Webflow ברשימת המחברים
צריך לעבוד על אתר שנמצא ב-Workspace אחר
השינוי לא מופיע באתר החי
Claude לא רואה את האנימציות באתר
Claude לא מצליח לצלם אלמנט או לדעת מה נבחר ב-Designer
שאלות ותשובות
Claude יכול לפרסם שינוי לאתר החי בלי שאני רואה
צריך תוכנית Webflow בתשלום כדי לחבר Claude
מה ההבדל בין המחבר באפליקציה לבין החיבור ב-Claude Code
אפשר לתת גישה ליותר מאתר אחד
מקורות. את העמוד כתב קורן בן עזרא לפי התיעוד הרשמי של Webflow ושל Anthropic, נכון ל-30.09.2026. ממשקים משתנים מהר, ולכן אם משהו נראה אחרת, התיעוד הרשמי הוא הקובע. המקורות: 1 · 2 · 3 · 4 · 5 · 6
