Flowstep ו-Figma הם כלים משלימים, לא מתחרים. Flowstep עוזר לכם ליצור ולחקור רעיונות לעיצוב ממשק במהירות; Figma הוא המקום שבו אתם מחדדים, משתפים פעולה ובונים עבודה מוכנה לייצור. שימוש בשניהם יחד נותן לכם את המיטב משני העולמות.
איך להעתיק עיצוב של Flowstep ל-Figma
1
בחרו מסך אחד או יותר ב-Flowstep
לחצו על מסך כדי לבחור בו — או בחרו כמה מסכים כדי להעתיק את כולם בבת אחת. ודאו שהבחירה מודגשת בקנבס.
2
העתיקו את הבחירה
הקישו **Cmd+**⇧+C ב-Mac או **Ctrl+**⇧+C ב-Windows. Flowstep מציג את ההודעה “Preparing your design. Stay on the current tab.” (הכנת העיצוב שלכם. הישארו בלשונית הנוכחית.) בזמן העבודה; ההעתקה מסתיימת תוך רגע.
3
הדביקו בקובץ Figma שלכם
עברו ל-Figma ופתחו את הקובץ שבו תרצו למקם את העיצוב. הקישו Cmd+V ב-Mac או Ctrl+V ב-Windows כדי להדביק. המסכים של Flowstep יופיעו בקנבס של Figma, מוכנים לעריכה.
העתקה ל-Figma משתמשת בלוח הגזירים של הדפדפן, לכן הדפדפן חייב לאפשר ל-Flowstep גישה ללוח הגזירים. אם תראו שגיאת הרשאה, אפשרו גישה ללוח הגזירים בהגדרות הדפדפן ונסו שוב. מעבר בין לשוניות באמצע ההעתקה מפסיק את ההעברה; השאירו את הלשונית של Flowstep פעילה עד לסיום ההעתקה.
ייבוא עיצוב מ-Figma
אפשר גם לפעול בכיוון ההפוך ולייבא פריים של Figma ל-Flowstep כמסכים הניתנים לעריכה. הייבוא זמין לכולם — חברו את חשבון Figma שלכם פעם אחת, ואז ייבאו מקישור לפריים.1
חברו את Figma
חברו את חשבון Figma שלכם ל-Flowstep מההגדרות. Flowstep משתמש באישור של Figma כדי לקרוא את הקבצים שיש לכם גישה אליהם.
2
העתיקו קישור לפריים ב-Figma
ב-Figma, לחצו לחיצה ימנית על הפריים שברצונכם בו ובחרו Copy link to selection. אפשר גם להעתיק קישור לעמוד שלם כדי לייבא בבת אחת את כל הפריימים ברמה העליונה שלו.
3
ייבאו ל-Flowstep
השתמשו באפשרות הייבוא של Figma בסרגל הכלים של Flowstep והדביקו את הקישור. Flowstep ממיר את הפריים לאלמנטים הניתנים לעריכה בקנבס שלכם. כל ייבוא מוסיף מסך חדש — ייבוא חוזר של אותו פריים לא מחליף את הייבוא הקודם, לכן מחקו את המסך הישן אם אינכם צריכים אותו עוד.
מה מיובא
Flowstep יוצר מחדש פריים של Figma כאלמנטים מקוריים הניתנים לעריכה — לא כתמונה שטוחה. הייבוא כולל:- פריימים והשכבות המקוננות שלהם
- טקסט, כולל עיצוב ברמת התו כמו משקל, צבע ומודגש
- צבעים ממשתני Figma שלכם
- מילויי תמונה, ואייקוני SVG וצורות
- צללים פנימיים וחיצוניים, וטשטוש של שכבות ושל רקעים
- קווי מתאר מקווקוים ומנוקדים
הארגון של הקובץ חייב להיות מחובר ל-Figma. אם פריים לא מיובא, Flowstep מציג הודעה עם צעד מעשי שמסביר מה לעשות — לדוגמה, להתחבר מחדש ל-Figma אם האישור שלכם פג, להמתין ולנסות שוב אם Figma מגביל קצב בקשות או מגיב לאט, או, עבור תבנית מ-Community, לשכפל אותה לצוות שלכם תחילה ולהדביק את הקישור החדש.