Перейти до основного вмісту
Screenshot 2026 05 06 At 14 19 04
Flowstep створено так, щоб він вписувався в робочий процес дизайну, який ви вже використовуєте, а не замінював його. Ви можете створити дизайн у Flowstep і одразу перенести його в Figma за допомогою простого копіювання та вставлення або імпортувати фрейм Figma у Flowstep. Так ви поєднуєте швидкість генерування дизайну за допомогою AI з точністю та функціями спільної роботи, на які покладаєтеся у Figma.
Flowstep і Figma доповнюють одне одного, а не є конкурентами. Flowstep допомагає швидко створювати й досліджувати ідеї UI-дизайну, а 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 активною, доки копіювання не завершиться.
Вставте фрейм на окрему сторінку “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 обмежує запити або повільно відповідає. Для шаблону зі спільноти спершу продублюйте його у свою команду і вставте нове посилання.