Flash DSM - הגנום העיצובי שבעזרתו הסוכנים שלכם בונים.
הרכיבו את היסודות, וכל קומפוננטה ומודול יבואו אחריהם. הגנום העיצובי יודע איפה כל אחד מהם נמצא, ומה זז כשמשהו משתנה.
דלגו על Figma. התחילו ממערכת העיצוב.
Figma - וכל כלי שמתחיל מקנבס - נבנו כדי לצייר תמונות של מערכת עיצוב, לא לבנות אותה. קודם מציירים, אחר כך מהנדסים לאחור מערכת מתחת, ובסוף משחררים קוד שאף פעם לא ממש תואם. Flash הופך את הסדר: בונים קודם את המערכת, ומגיעים ישר לקוד שבאמת מדויק. ובגלל שהמערכת קריאה למכונה, היא משמשת גם מעקה בטיחות לכל מה שכלי ה-AI שלכם מייצרים.
צבע, טיפוגרפיה, ריווח, קומפוננטות - מקושרים.
תנו ל-Flash בריף, כתובת אתר או קובץ Figma והוא יגזור לכם את הגזרה: סולמות צבע מלאים בשתי ערכות הנושא, זוג גופנים, ריווח, רדיוסים, תנועה וקומפוננטות שמפנות לכל אלה. זו נקודת ההתחלה, לא המוצר. המוצר הוא מה שתעשו ממנה בעורך.
תארו את זה
הקלידו פרומפט, הדביקו כתובת של אתר חי או חברו קובץ Figma. Flash מחלץ את ה-DNA העיצובי בכל אחת מהדרכים.
הפכו את זה לשלכם
Flash מקים סולמות טוקנים מלאים - צבעים בבהיר ובכהה, זוג גופנים, ריווח, רדיוסים, צללים, תנועה - ואתם עורכים אותם במקום. החליפו גופן, כווננו סולם מחדש, מחקו בחירות שאתם לא מסכימים איתן.
שלחו לפרודקשן
ייצאו משתני CSS, קונפיג Tailwind או Tokens Studio JSON. דחפו ישר ל-GitHub.
- מחלצים את ה-DNA של המותג
- בונים סולמות צבע
- משדכים גופנים
- מעצבים ריווח ורדיוסים
- מכווננים תנועה ואפקטים
- ממפים קומפוננטות
+ 8–14 קומפוננטות ייעודיות לתחום, ממופות לטוקנים
גזרה אחת. כל בד שתרצו.
גזרה של חייט מחזיקה את המידה ואת התפרים. היא אף פעם לא מחזיקה את צבע הבד. ההפרדה הזאת היא מה שמאפשר למערכת אחת להלביש חברה שלמה.
הגזרה שכולם חולקים
המבנה הוא החלק שלא אמור להשתנות: ממה כרטיס בנוי, איך כפתור מרווח את הטקסט שלו, אילו מצבים קיימים. Flash שומר אותו במקום אחד, כך שכל מוצר גוזר מאותה צורה.
הבד שכל מוצר בוחר
צבע, טיפוגרפיה, רדיוס, תנועה. ערכת נושא יושבת מעל המבנה ומתחלפת בלי לגעת בו, כך שצוות אחד יכול להיראות שונה לגמרי מהשני ועדיין לחלוק איתו כל קומפוננטה.
למה מערכות נתקעות
אם משחררים קומפוננטה שהיא גם גוון כחול מסוים, הצוות הבא יגיד שזה לא הכחול שלו ויכתוב קומפוננטה משלו. חודשיים אחר כך אתם מתחזקים שתי מערכות. הפרדת הבד מהגזרה היא מה שמונע את זה.
מערכת עיצוב לא משטיחה את העבודה?
היא סוגרת את מה שאף אחד לא צריך להחליט עליו מחדש, וזה בדיוק מה שמפנה מקום למה שרק אתם הייתם עושים.
כל מערכת עיצוב היא עולם בפני עצמו
Flash לא מוסר לכם תבנית. יסודות, קומפוננטות ומודולים - כולם נבנים כך שיתאימו למותג שלכם, לא להפך.
סגנון משלכם
צבעים, טיפוגרפיה וריווח מוגדרים על ידכם - אף פעם לא נבחרים מפלטה מוכנה.
אמנות, אפקטים ותנועה
איורים, אפקטים, אנימציות ומעברים הם חלק מהמערכת, לא תוספות חד-פעמיות שהודבקו למסך בודד.
קומפוננטות ומודולים, בדרך שלכם
בנו קומפוננטות ומודולים חדשים שמתאימים לחזון המוצר שלכם. Flash לא מגביל אתכם לספרייה קבועה.
עוד אין לנו לוגואים של לקוחות.
Flash חדש, וציטוטים קל לאסוף. הנה שלושה דברים שאפשר לבדוק לבד לפני שמשלמים על משהו.
פתחו את הדוגמאות
כל מערכת בעמוד הזה ציבורית. פתחו אחת, קראו את הטוקנים שהיא ייצרה, שכפלו אותה לחשבון שלכם ופרקו אותה. אף אחת מהן היא לא צילום מסך.
קחו את הקבצים ולכו
הייצוא הוא tokens.css, קונפיג Tailwind ו-Tokens Studio JSON: קבצים פשוטים שיכולתם לכתוב ביד. הם ממשיכים לעבוד בין אם אנחנו ממשיכים ובין אם לא.
קראו את התאריכים
כל תיקון וכל פיצ'ר רשומים עם היום שבו יצאו. אם הקצב יאט, תראו את זה כאן לפני שמישהו יגיד לכם.
שאלות?
מה זה Flash?
Flash הוא כלי לבניית מערכות עיצוב. מפרומפט, כתובת של אתר חי או קובץ Figma הוא מקים ארכיטקטורת טוקנים שלמה - סולמות צבע בבהיר ובכהה, זוגות טיפוגרפיה, ריווח, רדיוסים, צללים, תנועה - וגם קומפוננטות ייעודיות לתחום שממופות לאותם טוקנים. אתם עורכים, ואז מייצאים CSS, Tailwind, Tokens Studio JSON או דוחפים ל-GitHub.
למה כלי בנייה מבוססי AI צריכים מערכת עיצוב?
כלים כמו Lovable, v0 ו-Bolt מייצרים מסכים מהר, אבל כל פרומפט חדש ממציא צבעים וריווח משלו אם שום דבר לא מקבע אותם. מערכת עיצוב היא שכבת החוקים הזאת: תנו לכלים האלה טוקנים קריאים למכונה והתוצר יישאר נאמן למותג, ישמור על ניגודיות נגישה ויתאים לקוד שכבר שחררתם. Flash בונה את השכבה הזאת ומגיש אותה בפורמטים שהם באמת קוראים - kit.md, קובצי טוקנים ו-MCP.
למי Flash מיועד?
מהנדסי עיצוב - לבד או בצוות - שאחראים על איכות ה-UI אבל אין להם זמן לאכוף מערכת עיצוב. וגם צוותי פיתוח מהירים שצריכים מערכת שעומדת בקצב שבו הם משחררים.
Flash חינמי?
כן, להתחלה. כל חשבון בונה Genome אחד, כלומר מערכת עיצוב אחת וכל מה שקורא ממנה, בחינם ובלי כרטיס אשראי. המסלולים Pro, Team ו-Studio מוסיפים שליפת מודולים, סנכרון עדכונים, Genome משותף ומסירה ללקוח - בעמוד המחירים תראו מה נמצא איפה.
אפשר לייבא עיצובים קיימים?
חברו קובץ Figma, הדביקו כתובת של כל אתר חי או משכו מ-GitHub ומ-Storybook. Flash מחלץ את ה-DNA העיצובי הקיים והופך אותו לטוקנים מסודרים שאפשר לערוך.
Flash נשאר מסונכרן עם Figma ועם הקוד שלי?
הנה מה שקיים היום: ייבוא מ-Figma, מכתובת אתר או מקוד; ייצוא CSS, Tailwind ו-Tokens Studio JSON; דחיפה ל-GitHub; שליחת משתנים ל-Figma דרך תוסף Flash. סנכרון דו-כיווני עמוק יותר - שינויים שזורמים חזרה לבד מהקוד ומ-Figma - בדרך, ואנחנו מעדיפים להבטיח פחות מאשר להעמיד פנים שזה גמור.
מה אפשר לייצא?
פורמטים מוכנים לפרודקשן: tokens.css עם משתני CSS, הרחבה ל-tailwind.config.js, Tokens Studio JSON שעובר הלוך ושוב מול Figma, ומפרטי קומפוננטות. אפשר גם לדחוף ישר ל-GitHub.
זה מייצר קוד אמיתי ושמיש?
הייצוא הוא בדיוק אותם משתני CSS וטוקני Tailwind שהייתם כותבים ביד, מוכנים להיכנס לקוד שלכם. בלי ראנטיים קנייני, בלי נעילה.
במה Flash שונה ממחוללי UI מבוססי AI?
מחוללי מסכים נותנים מוקאפים. Flash נותן את המערכת שמתחתיהם: סולמות עקביים, טוקנים סמנטיים, שני מצבי צבע וקומפוננטות שמפנות לטוקנים במקום לערכים קשיחים - כך שכל מה שתבנו אחר כך יישאר עקבי.
מה ש-Flash מייצר שייך לי?
לגמרי. כל טוקן, מפרט קומפוננטה וייצוא שייכים לכם - לעבודה ללקוחות, למוצרים מסחריים או לכלי העיצוב שלכם.