כשהעיצוב מסודר, המוצר נבנה מהר ונראה טוב. וכשהקוד נבנה מאותה מערכת — המסירה מפסיקה להיות שלב.
MSApps · צוות עיצוב ומוצר הוכן עבור יקיר יניב, מנכ״ל ED&U · קבוצת אמן דיגיטל
ניווט במקשי החצים מקש G לכל השקפים
הרעיון
שלושה דברים שחוסכים חצי מהזמן
01
טוקן הוא שם לערך
מגדירים את הצבעים והמרווחים פעם אחת. מכאן כל המוצר מקבל אותם
02
רכיב נבנה פעם אחת
כפתור עם כל המצבים שלו. אחר כך רק מרכיבים מסכים
03
מסירה בלי ניחושים
המפתח פותח את הקובץ ורואה בדיוק מה לבנות
עבודה של פעם אחת. אחריה כל מסך חדש הוא הרכבה
התהליך בלי מערכת
מעצבים מסך ומתחילים מהתחלה
01מעצבים מסךבוחרים צבע, ממציאים כפתור, קובעים מרווחים. הכל מאפס
02מעבירים לפיתוחהמפתח מודד בעצמו, משלים פרטים חסרים ושואל שאלות
03מתקנים סבבמה שיצא לא זהה למה שעוצב, ואז מגיע עוד סבב
04עוברים למסך הבאשום דבר ממה שנבנה לא נשמר, וכל המסלול חוזר
חוזרים לשלב 01 בכל מסך חדש
התהליך
חמישה שלבים וזה בנוי
01
מאפייניםמבינים מי המשתמש, מה הוא בא לעשות ואיך נראים המסלולים במוצר
02
מסתכליםעוברים על המוצר הקיים וסופרים מה חוזר. צבעים, מרווחים, כפתורים
03
מסדריםכל ערך מקבל שם, ומעכשיו יש מקום אחד לשנות בו דברים
04
בוניםספריית רכיבים עם כל המצבים, מוכנה לשימוש חוזר
05
מוסריםהקובץ מדבר עם הקוד, ו‑Claude Code בונה את המסכים מהמערכת
ארבעת הראשונים הם עבודת אפיון ועיצוב רגילה. החמישי הוא מה שהשתנה בשנה האחרונה
הדגמה חיה
קובץ אחד משנה את כל המוצר
שלוש שפות עיצוב אמיתיות מהפרויקטים שלנו. אותו רכיב, אותו קוד. רק הטוקנים מתחלפים
סקירת התקדמות
פעיל
חיפוש
אותה קומפוננטה בדיוק. רק שכבת הטוקנים התחלפה
לא מצגת — המערכת עצמה
כל ערך נאכף, לא מומלץ
צבע, טיפוגרפיה, מרווחים, רדיוסים, צל ותנועה — משתנים. רכיב פונה לשם סמנטי, אף פעם לא לערך גולמי. וכלל‑לינט יושב בתוך המערכת, כך שערך מחוץ למערכת נכשל בבדיקה. מערכת שאי אפשר להפר היא מפרט, לא המלצה
PALETTE · SEA · SAND · CLAUDEHEBREW · RTL RE-SCOPESTATUS SYSTEMCOMPONENTS · ALL STATES
עברית היא לא סבב תרגום. טוקני הטיפוגרפיה מוגדרים מחדש תחת [dir="rtl"], כך שכל רכיב מחליף גופן לבד והפריסה מתהפכת
קייס 01 · שישה שבועות? שש שעות
JOOVIעזרה ראשונהRTL
THU 13:00יום העבודה האחרון
הלקוח מתקשר. דחוף.״המוצר שלנו נראה כאילו AI בנה אותו — תעשו שייראה כמו פלטפורמה שקיימת שנים.״ ביום שני יש להם פגישה במשרד החינוך
שש שעות משיחה קרה למסמך שאפשר לבצע.ואז הארץ נסגרת לסופ״ש ואנחנו יורדים מהאוויר
FRI–SUNאנחנו לא שם
הצוות שלהם מעצב מחדש לפי המסמך.צוות שלא עבדנו איתו מעולם. בלי מעצב שלנו בלולאה. בלי מי לשאול
MONיום הפגישה
אנחנו בונים עליו מערכת שלמה.שישה כיווני עיצוב על ארבעה מסכים, מערכת טוקנים, סבב ביקורת אוטומטי — ומתיחת פנים למוצר החי, מפורסמת באותו יום
לפניכל מסך בשפה אחרת
אחרימקום אחד לשנות
JOOVI Color Student mode / Staff mode
המסמך הוא מה שעבד — לא הפיקסלים. צוות זר ביצע אותו נכון, על פני סוף שבוע, בלי אף אחד לשאול. זה קורה רק כשהמפרט נושא כל החלטה, כולל ההחלטה לא להחליט
קייס 02 · מוצר שלם, לא מסך
RenoRangeמשפך לידיםרינדור AIחי בפרודקשן
המשתמש מעלה תמונה ורואה את הבית שלו משופץ
משפך הערכת עלויות לשיפוץ: בוחרים עבודה, מעלים תמונה, מקבלים טווח מחיר — ורינדור AI של החדר אחרי השיפוץ. אין מפתח שמודד ידנית ואין מעצב שמייצא תמונות: הכל נבנה מאותה מערכת, ודפי העלויות נוצרים ממקור אמת יחיד
הרינדור רץ בצד השרת — אף מפתח API לא יושב בדפדפן
כל שלב במשפך נמדד — מהקליק הראשון ועד הליד
״טווח, לא הצעת מחיר מחייבת״ — הכתב הקטן הוא חלק מהמפרט, לא הערה בסוף
FUNNELCOST PAGESAI RENDERLEAD CAPTURE
RenoRange Before / After AI-generated render
קייס 03
PISAסיפור נתוניםעשרה פרקיםRTL
הרבה נתונים שפה אחת
עשרה פרקים בעברית מלאה, מהפתיחה ועד המסקנות. כל גרף בנוי מאותם רכיבים, ולכן הכל נראה כמו יצירה אחת ולא כמו אוסף מסכים
הרווחפרק חדש בשעות ולא בימים
התוצאהקוראים ומבינים בלי הסבר
PISA Summary Chapter 00
קייס 04
Lexusספריית רכיביםמסירה מסומנת
כל גבול מסומן בקובץ
ספרייה שלמה: לוגו, אייקונים, כפתורים, כרטיסים, כותרת ופוטר. הסימונים יושבים בתוך הקובץ, כך שאף מפתח לא מודד ביד ואף אחד לא שולח שאלות
LOGOICONSBTNCARDSHEADER & FOOTER
Lexus Cards with handoff annotations
מה שבנינו על המערכות
אתרים חיים, לא קונספטים
msapps.mobi HE / EN RTLopsagents.agencyclaude.opsagents.agencyshopify.opsagents.agencymonday.opsagents.agencyopsagent-reno-funnel.web.app
כולם יורשים את אותה שכבת טוקנים. לכן הם נקראים כבית אחד, ולכן משטח חדש לוקח ימים ולא מיתוג מחדש. מותג של שותף שומר על הצבעים האמיתיים שלו — כלל הקו‑ברנדינג מוגדר במערכת, לא מאולתר לכל דק
הטענה
שתי שכבות ייצור קרסו. שכבת המפרט לא
כולם שואלים אם AI מחליף מעצבים, או מחליף מפתחים. שאלה שגויה, פעמיים. מה שקרס הוא הייצור — פיקסלים, מצבים, רספונסיב, פרונט, בק, טסטים, דיפלוי. שום דבר לא קרס בחלק שמחליט מה נכון לבן אדם. החלק הזה פשוט הפך לצוואר הבקבוק — ובצוואר הבקבוק יושב הרווח
ה‑AI לא החליף את המעצב. הוא הפך את המסמך של המעצב למוצר
הלולאה המלאה
מעגל אחד רציף. שער אנושי בכל נקודת החלטה
שלבים 1–2 הם שיקול דעת אנושי שנכתב. שלבים 3–6 הם עבודת מכונה תחת פיקוח. השערים אינם חיכוך — הם המוצר: אדם מחליט, בדיוק בשלוש הנקודות שבהן החלטה שגויה יקרה
החצי השני · קוד בעידן ה‑AI
אותה קריסה, שכבה למטה — והחלק הקשה הוא ממשק
ההנדסה שלנו רצה כצוותי סוכנים תחת פיקוח מול לוח. כרטיס נושא את קריטריוני הקבלה; הסוכנים בונים, סוקרים זה את זה, מריצים QA, מפרסמים לסטייג׳ ואז לפרודקשן — ואדם מחזיק את השער בסקירה ובשחרור
תקיןרץ, עבר, לא רוצה ממך כלום
עובדבאוויר ברגע זה
דרוש אישוראדם נדרש — לעולם לא ״נשבר״
ממתיןעוד לא תוזמן
רק אחד מארבעה מצבים רוצה אותך. השפה רגועה בכוונה, כי עייפות התראות היא כשל עיצובי — לא כשל של המשתמש
כל שורת סטטוס נושאת הוכחה. טענה בלי מספר היא לא סטטוס, היא מצב רוח. ואם אין מספר אמיתי, הסוכן לא ממציא אחד
פיקוח הוא בעיה של אינטגרציית אדם‑מערכת. אדם צריך להחזיק תמונת מצב על מערכת שעובדת מהר משהוא מספיק לקרוא, ולהחליט נכון תוך שניות. זו הדיסציפלינה שלכם, בתוך המוצר שלנו
OpsAgents · Operate “Agents paused — no prod change until you approve”
הזמן
אותה עבודה בשליש מהזמן
בלי מערכת
אפיון
עיצוב מסך אחר מסך
הכנת מסירה
פיתוח עם שאלות חוזרות
בדיקות וליטוש
אצלנו
אפיון ו‑UX
סידור טוקנים
בניית רכיבים
חיבור לקוד
הזמן שהתפנה
הזמן לא נעלם
הוא חוזר לעיצוב עצמו, לחשיבה על מה שהמשתמש באמת צריך
עיצוב מדויק יותר
יש זמן ללטש מצבים ושגיאות שבדרך כלל נדחקים
קל לממש
מה שיוצא מהמערכת כבר מוכן לקוד, בלי סבבי תיקון
claudeservices.ai · העידן החדש של MSApps
סטודיו מובייל מ‑2010 שבנה את עצמו מחדש
אותו בית, אותם לקוחות, מכונה אחרת לגמרי מתחת. לא הברגנו AI על סוכנות — בנינו מחדש איך הסוכנות מייצרת עבודה, ואז פרסמנו את הכלים
2010
נוסדה · הרצליה
40+
אנשי מקצוע
60+
לקוחות ארגוניים
20+
תוספי Claude בקוד פתוח
חברה ברשת השותפים של Anthropic, עם ארכיטקטים מוסמכים ל‑Claude בצוות
כל הסטאק ממשיך לצאת — iOS ואנדרואיד נייטיב, ווב פול‑סטאק, IoT, ראייה ממוחשבת — עכשיו דרך המעגל שלמעלה
SOSA — סוכנים מפוקחים, מתוזמרים ומאובטחים — היא המתודולוגיה, וזו הסיבה שלקוח רגולטורי יכול להגיד כן
×
תודה
תנו לנו מפרט אחד נחזיר מוצר
אתם מגדירים מה נכון לבן אדם — אנחנו בונים את זה בקצב של AI. ה‑Human Factors לא מתייתר, הוא הופך לצוואר הבקבוק היקר
מפרט אחד · שבוע · מחיר קבועפרוטוטייפ לחיץ ומכשור מלא, מול מפעילים אמיתיים
×
