Flowstep ו-Figma הם כלים משלימים, לא מתחרים. Flowstep עוזר לך ליצור וחקור במהירות רעיונות עיצוב UI; Figma הוא המקום שבו אתה משפר, משתף פעולה, ובונה עבודה המוכנה לייצור. השימוש בשניהם ביחד נותן לך את הטוב מבשני העולמות.
כיצד להעתיק עיצוב של Flowstep ל-Figma
1
בחר מסך אחד או יותר ב-Flowstep
לחץ על מסך כדי לבחור אותו — או בחר כמה מסכים כדי להעתיק את כולם בבת אחת. תוודא שהבחירה מודגשת בcanvas.
2
העתק את הבחירה
לחץ על **Cmd+**⇧+C ב-Mac או **Ctrl+**⇧+C ב-Windows. Flowstep מציג “Preparing your design — stay on this tab and keep the screen selected” בזמן שהוא עובד; ההעתקה מסתיימת ברגע.
3
הדבק לקובץ Figma שלך
עבור ל-Figma ופתח את הקובץ שבו אתה רוצה להציב את העיצוב. לחץ על Cmd+V ב-Mac או Ctrl+V ב-Windows כדי להדביק. המסכים של Flowstep מופיעים ב-canvas של Figma, מוכנים לעריכה.
ההעתקה ל-Figma משתמשת ב-clipboard של הדפדפן שלך, כך שהדפדפן חייב לאפשר ל-Flowstep גישה ל-clipboard — אם אתה רואה שגיאת הרשאה, אפשר גישת clipboard בהגדרות הדפדפן שלך ונסה שוב. החלפת כרטיסיות בזמן ההעתקה מפסיקה את ההעברה; שמור את כרטיסיית Flowstep במיקוד עד שההעתקה מסתיימת.
ייבא עיצוב מ-Figma
אתה יכול גם לעשות את ההיפך ולהביא frame מ-Figma ל-Flowstep כמסכים שניתן לעריכה. ייבוא זמין לכולם — חבר את חשבון ה-Figma שלך פעם אחת, ואז יבא מקישור frame.1
חבר את Figma
חבר את חשבון ה-Figma שלך ל-Flowstep מההגדרות שלך. Flowstep משתמש בהרשאת Figma כדי לקרוא את הקבצים שיש לך גישה אליהם.
2
העתק קישור frame ב-Figma
ב-Figma, לחץ בעכבר ימין על ה-frame שאתה רוצה ובחר Copy link to selection. אתה יכול גם להעתיק קישור לעמוד שלם כדי לייבא את כל ה-frames ברמה העליונה בבת אחת.
3
יבא ל-Flowstep
השתמש באפשרות ייבוא Figma בסרגל הכלים של Flowstep והדבק את הקישור. Flowstep ממיר את ה-frame לאלמנטים שניתנים לעריכה ב-canvas שלך. ייבוא חוזר של אותו frame מעדכן אותו במקום.
מה מיובא
Flowstep יוצר מחדש את ה-frame של Figma כאלמנטים ב-native וניתנים לעריכה — לא תמונה שטוחה. ייבוא מביא יחד:- Frames והשכבות הקננות שלהם
- טקסט, כולל סטיילינג לכל תו כמו weight, colour, ו-bold
- צבעים מ-Figma variables
- מילוי תמונות, ו-SVG icons וצורות
- drop and inner shadows, and layer and background blurs
- dashed and dotted strokes
הארגון של הקובץ חייב שיהיה מחובר ל-Figma. אם frame לא יצליח להיות מיובא, Flowstep מציג הודעה שניתן לפעול עליה שאומרת לך מה לעשות הלאה — לדוגמה, חבר מחדש את Figma אם ההרשאה שלך פגה, חכה ונסה שוב אם Figma דוחק קצב או איטי להגיב, או, עבור Community template, שכפל אותו לצוות שלך קודם והדבק את הקישור החדש.