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