> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ייבוא מ-Figma

> הפוך את העיצובים שלך ב-Figma לאפליקציות ועמודים עובדים. ייבא פריים כדי להתחיל אפליקציה חדשה, או הוסף עמודי Figma לאפליקציה קיימת בכל שלב בעורך האפליקציה.

Base44 מתחברת ל-Figma כדי שתוכל לבנות ישירות מהעיצובים שלך. ייבא פריים Figma כאשר אתה מתחיל אפליקציה חדשה, או הוסף עמודים מ-Figma לאפליקציה קיימת בכל שלב במהלך הפיתוח.

<Card title="דרישות Figma" icon="figma">
  * **מושב Figma:** עליך להיות בעל מושב Editor. Figma חוסמת גישת API לחשבונות View ו-Collaborator.
  * **קובץ עיצוב:** עליך להשתמש בקובץ Figma Design. FigJam, Slides וסוגי קבצים אחרים לא נתמכים.
  * **קישור פריים ציבורי:** קישור הפריים שלך חייב להיות מוגדר ל-**Anyone with the link – Can view**. ב-Figma, לחץ על **Share** לעדכון זה. ניתן להחזיר אותו לפרטי לאחר הייבוא.
</Card>

<Note>
  ניתן לחבר חשבון Figma אחד לכל סביבת עבודה.
</Note>

***

## התחל אפליקציה חדשה מ-Figma

השתמש ב-**Import from Figma** במסך הבית כדי להפוך פריים Figma לאפליקציית Base44 חדשה. Base44 יוצרת מחדש את הפריסה, המבנה והסגנון הוויזואלי של העיצוב שלך כנקודת התחלה.

<Frame caption="Import a design from Figma to start a new app">
  <img src="https://mintcdn.com/base44/M0pVqHW6EmfLvxHz/images/importfromfigma.png?fit=max&auto=format&n=M0pVqHW6EmfLvxHz&q=85&s=5a3aac7b85f3e8136f064e9dfeea2c98" alt="Import From Figma" width="813" height="414" data-path="images/importfromfigma.png" />
</Frame>

**להתחלת אפליקציה חדשה מעיצוב Figma:**

1. עבור אל [Base44](https://base44.com).
2. לחץ על סמל **+** בתיבת הפרומפט.
3. לחץ על **Import from Figma**.
4. לחץ על **Connect to Figma**.
5. עקוב אחר ההוראות במסך כדי לתת ל-Base44 גישה ל-Figma.
6. הדבק את קישור Figma שלך ולחץ על **Generate**.

הייבוא מתמקד בפריים או בקטע שנבחר. חלקים אחרים של קובץ Figma לא כלולים אלא אם אתה מייבא אותם בנפרד.

***

## הוסף עמוד מ-Figma

לאחר שהאפליקציה שלך בעורך האפליקציה, ניתן להוסיף פריימים של Figma כעמודים חדשים בכל שלב. אתה לא מוגבל לייבוא הראשוני. נדרשת גישת Editor להוספת עמודים מ-Figma. Viewers לא יכולים להוסיף עמודים, ועליך להמתין לסיום של כל יצירה פעילה לפני הוספת עמוד.

<Frame caption="Add a page from Figma in the app editor">
  <img src="https://mintcdn.com/base44/Fv7RCtkBLrpIq-Ra/images/addpagefromfigma.png?fit=max&auto=format&n=Fv7RCtkBLrpIq-Ra&q=85&s=e9b5ef87ba86c02258f8048359fa6097" alt="Add Page From Figma" width="457" height="279" data-path="images/addpagefromfigma.png" />
</Frame>

**להוספת עמוד מ-Figma:**

1. פתח את האפליקציה שלך בעורך האפליקציה.
2. בצ'אט ה-AI, לחץ על סמל **+** ובחר **Add page from Figma**.
3. ב-Figma, לחץ ימני על ה-**frame או section** שברצונך לייבא.
4. בחר **"Copy/Paste as"**, ואז בחר **"Copy link to selection"**.
5. הדבק את הקישור בתיבת הדו-שיח ולחץ על **Add page**.

***

## הנחיות ייבוא Figma

הכנת קובץ Figma שלך לפני הייבוא עוזרת ל-Base44 לקרוא את העיצוב שלך וליצור אותו מחדש כפריסה נקייה ומדויקת. עקוב אחר הנחיות אלה כדי לקבל את התוצאות הטובות ביותר.

### מבנה הפריסה שלך ב-Figma

מבנה ברור ב-Figma מקל על Base44 לבנות פריסה תגובתית שתואמת את הכוונה שלך.

<Tip>
  עמוד בית מובנה היטב עם קטעים ברורים ורכיבים עקביים נותן את התוצאות הטובות ביותר כאשר אתה מרחיב את העיצוב לאפליקציה מלאה.
</Tip>

* **חלק את העמוד לקטעים לוגיים:** עטוף תוכן קשור (לדוגמה, hero, שורת תכונות או footer) בתוך frames או groups כך שכל אזור של העמוד יהיה מוגדר בבירור.
* **השתמש ב-auto layout להיררכיה:** החל `Auto Layout` על רכיבים כגון כרטיסים, סרגלי ניווט ובלוקי תוכן חוזרים. לדוגמה, כרטיס מידע עם תמונה, כותרת ותיאור צריך להיות מקובץ כ-`Frame` או `Group`, או עדיף `Auto Layout`. זה עוזר ל-Base44 להבין איך אלמנטים קשורים זה לזה ואיך הם צריכים לשנות גודל.
  <Frame caption="Selecting two elements for auto layout in Figma">
    <img src="https://mintcdn.com/base44/MurR_Wl5TS5X1qcL/images/selectingtwoelementsforautolayout.jpg?fit=max&auto=format&n=MurR_Wl5TS5X1qcL&q=85&s=bfc95a27db769e27148291d3592e4503" alt="Selectingtwoelementsforautolayout" width="1614" height="1062" data-path="images/selectingtwoelementsforautolayout.jpg" />
  </Frame>
* **שמור על קיבוץ משמעותי:** קבץ אלמנטים ששייכים יחד (לדוגמה, image + title + description בכרטיס), והימנע מקיבוץ עמוק ומיותר שאינו משקף את המבנה הוויזואלי.
  <Frame caption="A frame group after applying auto layout in Figma">
    <img src="https://mintcdn.com/base44/bLTE_wWnl_DPdQ-A/images/Autolayout.jpg?fit=max&auto=format&n=bLTE_wWnl_DPdQ-A&q=85&s=dd70c0ccc6b6dcc9aa673a942ed88f30" alt="Autolayout" width="1614" height="1052" data-path="images/Autolayout.jpg" />
  </Frame>
* **ישר ורווח בעקביות:** השתמש בריפוד, מרווחים ויישור עקביים בתוך ה-frames שלך כך ש-Base44 תוכל לשמר את הריווח וההיררכיה שלך.

### עבודה עם וקטורים וצורות

ניקוי אלמנטים וקטוריים לפני הייבוא הופך מיקום ורינדור למדויקים יותר. שיטוח ופישוט וקטורים מפחית הפתעות באיך אלמנטים מיושרים, משנים גודל ומרונדרים לאחר שהם ב-Base44.

* **שטח וקטורים מורכבים:** אם וקטור בנוי מהרבה נתיבים נפרדים (לדוגמה, סמל שנעשה ממספר צורות), שטח אותו לוקטור יחיד בכל מקום שאתה יכול.
  <Frame caption="Flatten complex vectors into a single vector in Figma">
    <img src="https://mintcdn.com/base44/392ibkP8vd5KkQv-/images/Flattencomplexvectorsintoasinglevector.jpg?fit=max&auto=format&n=392ibkP8vd5KkQv-&q=85&s=477f4e731f164d23d51e6168e7ca53be" alt="Flattencomplexvectorsintoasinglevector" width="1626" height="1054" data-path="images/Flattencomplexvectorsintoasinglevector.jpg" />
  </Frame>
* **תאר קווי מתאר לפני שיטוח:** עבור קווים, עיגולים, כוכבים וצורות דומות:
  * השתמש ב-**Outline Stroke** ואז שטח את התוצאה לאלמנט וקטור יחיד.
* **הסר אלמנטים מוסתרים:** מחק שכבות שמוסתרות לחלוטין או נדחפו רחוק מהקנבס כדי שלא יפריעו לפריסה המיובאת.
  <Frame caption="Remove any hidden elements in Figma">
    <img src="https://mintcdn.com/base44/KFsdFz7i1wqax-he/images/hiddenelements.jpg?fit=max&auto=format&n=KFsdFz7i1wqax-he&q=85&s=170ab4d786073f01726b36b622a68461" alt="Hiddenelements" width="1684" height="1100" data-path="images/hiddenelements.jpg" />
  </Frame>
* **פשט מילויים:** אם לאלמנט יש מספר מילויים, שמור רק את מה שאתה באמת צריך. Base44 מייבאת רק את המילוי האחרון על אלמנט.
  <Frame caption="An element with multiple fills in Figma">
    <img src="https://mintcdn.com/base44/K4xKJvhMiJxUbRoz/images/multiplfills.jpg?fit=max&auto=format&n=K4xKJvhMiJxUbRoz&q=85&s=2e4cfa24784a430ce87fef6ce59f002c" alt="Multiplfills" width="1698" height="1102" data-path="images/multiplfills.jpg" />
  </Frame>

### גופנים, אפקטים ומגבלות אחרות

חלקים מסוימים של עיצוב Figma שלך מותאמים במהלך הייבוא כך שהפריסה המתקבלת עובדת באמינות ב-Base44.

* **גופנים:**
  * רק Google Fonts נתמכים במלואם.
  * גופנים מותאמים אישית מוחלפים בגופן ברירת מחדל במהלך הייבוא. ניתן לעדכן טיפוגרפיה מאוחר יותר בתוך Base44.
* **אפקטי עיצוב שעשויים שלא להישמר בדיוק:**
  * מסנני תמונה
  * שכבות רקע מרובות על אלמנט יחיד
  * משתנים וסגנונות מונעי משתנים
* **שיפורי פריסה:**
  * כוונן ריווח, תגובתיות ואינטראקציות לאחר הייבוא באמצעות צ'אט ה-AI או מצב Visual Edit.
  * אם משהו לא נראה נכון, התאם את המבנה ישירות ב-Base44 או עדכן את קובץ Figma שלך וייבא שוב מפריים נקי יותר.

<Warning>
  אם העיצוב שלך מסתמך במידה רבה על אפקטים לא נתמכים או הגדרות משתנים מורכבות, צפה להבדלים ויזואליים לאחר הייבוא ותכנן לעדן את התוצאה בתוך Base44.
</Warning>

### בניית שאר האפליקציה שלך

לאחר שפריים Figma שלך מיובא, ניתן להתייחס לעמוד החדש כבסיס לאפליקציה או אתר מלא.

* השתמש בעמוד המיובא כ**עמוד הבית** שלך והפניה העיקרית למבנה, פריסה ושפה ויזואלית.
* בקש מצ'אט ה-AI:
  * לזהות אילו עמודים נוספים חסרים (לדוגמה, About, Pricing, Blog, או Contact).
  * ליצור עמודים חדשים שעוקבים אחר אותה שפת עיצוב ועקרונות פריסה.
  * לחבר כפתורים, תפריטים וקישורים בעמוד הבית לעמודים הפנימיים החדשים.

**ניתן להשתמש בפרומפט כמו:**

> `Review the home page carefully, including both its content and its design style. Use the home page as the main reference to understand the website's structure and design language. Identify which additional pages are needed to create a complete website. Create the missing pages while maintaining the same design language, layout principles, and visual style as the home page, so they feel like a direct continuation and not disconnected. When finished, return to the home page and connect all relevant buttons and links so each one navigates to the appropriate internal page.`

<Tip>
  אם אתה רואה דפוסים חוזרים בעיצוב המיובא שלך (כגון כרטיסים, שורות תכונות או בלוקי call-to-action), הזכר אותם בפרומפט שלך כדי שה-AI יוכל לעשות שימוש חוזר בדפוסים אלה בעמודים החדשים.
</Tip>

<Note>דף זה תורגם באמצעות בינה מלאכותית. למידע המדויק והעדכני ביותר, עיין ב[גרסה האנגלית](/). </Note>