במאמר הזה
פעם בשבוע, קצר, בעברית: כלי שבדקתי, סוכן שבניתי, או טעות שעשיתי כדי שאתם לא תעשו אותה.
בקצרה: ל-Design Mode של Cursor נוסף כלי בשם Annotate. לוחצים על אלמנט בדף או מציירים עליו, כותבים הערה קצרה, והסוכן מקבל את האלמנט המדויק עם הסגנונות שלו. בפועל זה אומר שבמקום לכתוב פסקה שמתארת איזה כפתור ואיפה, מסמנים אותו ואומרים "תגדיל".
מי שבונה דפים עם סוכן מכיר את הרגע הזה. הדף כמעט מוכן, ונשאר תיקון קטן: הכפתור השני מלמעלה, זה שליד התמונה, קצת גדול מדי. כותבים את זה, והסוכן משנה כפתור אחר. מסבירים שוב, יותר מפורט. ועוד פעם.
הבעיה אף פעם לא הייתה שהסוכן לא יודע לשנות גודל של כפתור. הבעיה היא שקשה לתאר במילים דבר שרואים בעיניים. ולכן העדכון האחרון של Cursor תפס אותי.
מה זה Annotate ואיך זה עובד
Design Mode עצמו לא חדש. הוא קיים בדפדפן של Cursor מאפריל 2026. החדש, לפי פוסט ההשקה מ-27.10.2026, הוא Annotate: דרך לתת לסוכן "פרומפט ויזואלי".
לפי התיעוד הרשמי, זה עובד ככה:
- פותחים את הדף בדפדפן של Agents Window ולוחצים על כפתור Annotate בסרגל, או Cmd+Shift+D. צריך Cursor 3.24.18 ומעלה.
- בוחרים אלמנט בקליק. Shift+קליק בוחר כמה אלמנטים להערה אחת, החיצים למעלה ולמטה עוברים לאלמנט שמעליו או שבתוכו, וגרירה מסמנת אזור שלם.
- מסמנים עם ארבעה כלים: ציור חופשי, אליפסה, מלבן וחץ.
- עורכים טקסט בדאבל-קליק, ישר על הדף. באלמנט בודד יש גם כפתור לעריכת ה-CSS. ואפשר להכתיב את ההערה בקול במקום להקליד.
שליחה אחת או הרבה הערות יחד
כש-Batch edits כבוי, כל הערה נשלחת לסוכן ברגע שלוחצים Return. כשהוא דלוק, ההערות נאספות כסימונים ממוספרים, וכפתור Send שולח את כולן יחד. עריכות טקסט תמיד מחכות ל-Send. אני הייתי עובד עם Batch edits: עוברים על הדף פעם אחת, מסמנים הכל, ושולחים.
פרומפט ארוך מול עיגול אחד
החלק שהכי מעניין אותי הוא מה הסוכן מקבל מכל סימון. לפי התיעוד, הוא לא מקבל רק "המשתמש צייר פה עיגול". הוא מקבל את התגית, ה-id וה-classes, את הנתיב המדויק לאלמנט, עד 200 תווים מהטקסט שרואים, את הגודל והמיקום, שישה סגנונות מחושבים כמו צבע, רקע וגודל גופן, ואת שם הקומפוננטה אם הפרויקט ב-React, Vue או Svelte.
זה בדיוק המידע שהייתי מנסה לתאר בפרומפט, ובדרך כלל מתאר לא נכון. "הכפתור השני מלמעלה" הופך לאלמנט אחד מוגדר, עם השם שלו בקוד.
כל שבוע אני שולח כלי אחד ששווה לנסות, ומה צריך לדעת עליו לפני שמתקינים. הצטרפו לגיליון "אלעד עמרני AI".
מה עוד לא ברור
פוסט ההשקה מדבר גם על בדיקת העיצוב ברוחבי מסך שונים. בתיעוד לא מצאתי איך זה עובד, אז לגבי זה אני מחכה לראות.
הקיצור Cmd+Shift+D כתוב בתיעוד, אבל מה הקיצור ב-Windows לא מופיע. מי שעובד ב-Windows, כמוני, יכול פשוט ללחוץ על הכפתור בסרגל.
ועוד דבר שחשוב לזכור: זה עובד בדפדפן המובנה של Cursor, לא בכרום. אם אתם בודקים את האתר שלכם בדפדפן רגיל, תצטרכו לפתוח אותו שם.
למה זה חשוב יותר ממה שנראה
Vibe Coding התחיל כ"מתארים במילים, והסוכן בונה". זה עובד מצוין לשלד של דף. זה עובד הרבה פחות טוב לליטוש, כי ליטוש הוא עניין של עין.
Annotate הוא עוד צעד לכיוון שבו מדברים עם הסוכן כמו שמדברים עם מעצב שיושב לידכם: מצביעים על המסך ואומרים "את זה, קצת יותר גדול". הכוונה לא מספיקה לבד, אבל ההקשר המדויק מגיע עם ההצבעה.
זה גם לא מוריד מכם את הבדיקה. הסוכן עדיין משנה קוד, ועדיין צריך להסתכל מה השתנה לפני שממשיכים.
מה אני הייתי עושה
אם אתם כבר ב-Cursor, תעדכנו לגרסה 3.24.18 ומעלה, תפתחו דף אחד שאתם עובדים עליו בדפדפן של Agents Window, ותעשו סבב ליטוש אחד רק עם Annotate ו-Batch edits. בלי לכתוב פרומפט ארוך אחד. תשוו כמה סבבים זה לקח לעומת הדרך הרגילה.
ואם אתם מחפשים עוד כלים שעוזרים לסוכן לעבוד מדויק יותר, ריכזתי ארבעה כלים לסוכני AI שהתפוצצו בגיטהאב ומה חברות הענק נותנות בחינם למי שעובד עם סוכנים.
שאלות נפוצות
איך מפעילים את Annotate ב-Cursor?
בדפדפן של Agents Window לוחצים על כפתור Annotate בסרגל, או Cmd+Shift+D. צריך Cursor בגרסה 3.24.18 ומעלה. הקיצור ב-Windows לא מופיע בתיעוד, אז הכי בטוח להשתמש בכפתור.
מה הסוכן מקבל כשמסמנים אלמנט?
לפי התיעוד: התגית, ה-id, ה-classes, הנתיב לאלמנט, עד 200 תווים מהטקסט הנראה, הגודל והמיקום, שישה סגנונות מחושבים (צבע, רקע, גודל גופן, משפחת גופן, display ו-position) ושם הקומפוננטה ב-React, Vue או Svelte.
אפשר לשלוח כמה תיקונים בבת אחת?
כן. כשמדליקים Batch edits, כל הערה נשמרת כסימון ממוספר, וכפתור Send שולח את כולן יחד. כש-Batch edits כבוי, כל הערה נשלחת מיד כשלוחצים Return.
זה עובד בכל דפדפן?
לא. לפי התיעוד זה עובד בדפדפן המובנה של Agents Window ב-Cursor, לא בכרום או בדפדפן אחר.
המידע נכון ל-28 באוקטובר 2026, לפי התיעוד של Design Mode ופוסט ההשקה של Cursor.
אני מפתח סוכני AI לחברות ב-Agentic-dev, ומעביר סדנאות לצוותים שרוצים לעבוד עם AI נכון.
רוצים לדעת כל שבוע אילו כלי Vibe Coding באמת שווים את הזמן? הצטרפו לגיליון "אלעד עמרני AI".
בונה סוכני AI לעסקים ב-Agentic-dev, החברה שלי, ומלמד צוותים לעבוד עם AI וסוכנים, בסדנאות ובהרצאות.
