כיצד לייצא את העיצוב שלך
1
פתח את העיצוב שלך
נווט לעיצוב שברצונך לייצא בתוך Flowstep.
2
פתח את תפריט היצוא
אתר את אפשרות היצוא בסרגל הכלים או לוח העיצוב. בחר בו כדי לפתוח את הגדרות היצוא.
3
בחר את הפורמט שלך
בחר בין JPG או PNG בהתאם למקרה השימוש שלך (ראה את ההשוואה למטה).
4
הורד את הקובץ
אשר את הבחירה שלך והורד את התמונה המיוצאת למכשירך.
JPG מול PNG: איזה פורמט כדאי להשתמש?
קוד יצוא
מעבר לתמונות, כפתור Code מייצא את העיצוב שלך כ-React + Tailwind קוד — העתק קטע, או הורד את החבילה המלאה כ-ZIP. אתה יכול לייצא מסך יחיד, כמה מסכים שנבחרו, או קובץ שלם בבת אחת. כאשר אתה מייצא יותר ממסך אחד, כל אחד הופך לקובץ רכיב משלו וכל הנווט שהגדרת בין מסכים קשור לקוד שנוצר, כך שהאפליקציה המיוצאת ניתנת ללחיצה מראש לסוף. חבילות הן מכילות בעצמן: תמונות המשמשות בעיצוב (כולל אלה שצירפת בלוח הצ’אט) כלולות בתיקייהpublic/assets/ עם הקוד המתייחס אליהן בנתיב מקומי, כך שהיצוא פועל כמו שהוא.
קבצים שהורדו — תמונות וחבילות קוד כאחד — נקראים על שם המסך שהם שייכים אליו (חוזרים לשם הקובץ אם המסך אינו בעל שם), מה שמעשי היצוא קל לזיהוי כאשר אתה עובד עם מסכים רבים.
שלח עיצובים לסוכנת קידוד שלך
במקום להוריד קובץ, אתה יכול להעביר עיצוב ישר לסייע קידוד AI. לחץ על Send to your coding agent בסרגל הכלים — או פתח את דיאלוג היצוא ובחר באפשרות זהה — כדי להעתיק פרומפט מוכן להדבקה לסוכן שלך:הסוכן שלך קורא את המסכים האלה דרך MCP וביוני אותם במאגר שלך. הדבק את הפרומפט הזה ל-Claude, Cursor, או לסוכן המועדף עליך.הפרומפט אומר לסוכן שלך להביא את המסכים על פני שרת Flowstep MCP וביוני אותם מחדש בבסיס הקוד שלך. אתה יכול להעביר מסך יחיד, כמה מסכים שנבחרו, או קובץ שלם בבת אחת — הפרומפט מסתגל למה שבחרת. זה משתמש בשרת Flowstep MCP, אז חבר לקוח MCP תחילה. ראה את סקירת שרת MCP עבור לקוחות נתמכים וQuickstart לחיבור לקוח.
אם אתה צריך לקחת את העיצוב שלך לזרימת עריכה וקטורית, העתק אותו ישירות ל-Figma במקום זאת. ראה העתק עיצובי Flowstep ל-Figma באופן מיידי.