Skip to main content
Screenshot 2026 05 06 At 14 19 04
Flowstep розроблений, щоб вписатися у робочий процес дизайну, який ви вже використовуєте — не для того, щоб замінити його. Ви можете згенерувати дизайн у Flowstep та негайно перенести його до Figma простим копіюванням та вставкою, або зробити навпаки та імпортувати фігуру Figma у Flowstep. Це означає, що ви отримуєте швидкість генерування дизайну з допомогою ШІ разом із точністю та можливостями співпраці, на які ви розраховуєте у Figma.
Flowstep та Figma — це взаємодоповнюючі інструменти, а не конкуренти. Flowstep допомагає вам швидко генерувати та досліджувати ідеї дизайну інтерфейсу; Figma — це місце, де ви вдосконалюєте, співпрацюєте та готуєте виробничу роботу. Використання обох разом дає вам краще з обох світів.

​
Як скопіювати дизайн Flowstep у Figma

1

Виберіть один або кілька екранів у Flowstep

Натисніть екран, щоб вибрати його — або виберіть кілька екранів, щоб скопіювати їх все одразу. Переконайтеся, що виділення виділено на полотні.
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 з’являються на вашому полотні Figma, готові до редагування.
Копіювання у Figma використовує буфер обміну вашого браузера, тому браузер повинен дозволити Flowstep доступ до буфера обміну — якщо ви бачите помилку дозволу, дозвольте доступ до буфера обміну в налаштуваннях браузера та спробуйте ще раз. Переключення вкладок під час копіювання перериває передачу; залишайте вкладку Flowstep сфокусованою, доки копіювання не завершиться.
Вставте фрейм на спеціальну сторінку “AI imports” у Figma, щоб утримати ваші робочі файли організованими. Звідти ви можете переміщувати елементи у вашу основну систему дизайну або бібліотеку компонентів у власному темпі.

​
Імпортуйте дизайн з 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 обмежує частоту запитів або повільно реагує, або, для спільного шаблону, дублюйте його на вашу команду спочатку та вставте нове посилання.