
Як експортувати ваш дизайн
1
Відкрийте ваш дизайн
Перейдіть до дизайну, який ви хочете експортувати, в Flowstep.
2
Відкрийте меню експорту
Знайдіть опцію експорту на панелі інструментів або в панелі дизайну. Виберіть її, щоб відкрити налаштування експорту.
3
Виберіть ваш формат
Виберіть JPG або PNG залежно від вашого використання (див. порівняння нижче).
4
Завантажте файл
Підтвердіть ваш вибір і завантажте експортоване зображення на ваш пристрій.

JPG vs PNG: який формат вам використовувати?
Експорт коду
Крім зображень, кнопка Code експортує екран як React + Tailwind код — скопіюйте фрагмент або завантажте повний пакет як ZIP. Пакети самодостатні: зображення, які використовуються в дизайні (включаючи ті, що ви додали в панель чату), включені в папкуpublic/assets/ зі кодом, який посилається на них за локальною адресою, тому експорт працює як є.
Завантажені файли — як зображення, так і пакети коду — мають назву на основі екрану, до якого вони належать (повертаючись до імені файлу, якщо екран не названий), що полегшує ідентифікацію експортів під час роботи з багатьма екранами.
Якщо вам потрібно взяти свій дизайн у робочий процес редагування векторів, скопіюйте його безпосередньо в Figma. Див. Copy Flowstep designs into Figma instantly.