Про Trace

Trace — це безкоштовний ШІ інструмент для створення додатків iOS за допомогою SwiftUI, працюючи в середовищі браузера, Trace дозволяє користувачам легко створювати та керувати інтерфейсом користувача (UI) своїх програм iOS та генерувати код до нього. Створити додаток можна з нуля або використовуючи готові макети, створені іншими користувачами. Готові проєкти можна експортувати у Xcode, Swift або запустити на своїх пристроях iOS. Trace пропонує зручний інтерфейс у браузері, повну інтеграцію з SwiftUI та ефективну генерацію коду завдяки потужності LLM.

https://www.trace.zip

Функціонал Trace

  • Інтеграція SwiftUI: Trace легко інтегрується з SwiftUI, декларативною структурою Apple для побудови інтерфейсів користувача. Ця інтеграція дозволяє користувачам використовувати переваги SwiftUI, використовуючи Trace для прискорення процесу розробки інтерфейсу користувача.
  • Розробка додатка у браузері: платформа Trace дає можливість розробникам працювати над своїми проєктами з будь-якого місця, де є доступ до Інтернету, що є безсумнівною перевагою для спільної роботи та середовищ віддаленої розробки.
  • Параметри експорту: після завершення розробки інтерфейсу користувача Trace пропонує кілька варіантів експорту. Користувачі можуть експортувати свої готові проєкти як проєкти Xcode, файли Swift або запускати їх безпосередньо на своїх пристроях iOS. Ця функція сприяє плавному переходу від фази проєктування до фази впровадження.
  • Генерація коду на базі LLM: Trace використовує можливості великих мовних моделей (LLM), щоб зрозуміти вимоги до програми. Він автоматично генерує фрагменти коду, проєкти та навіть повні модулі програми. Це значно прискорює процес створення програми.
  • Гнучкість для розробників: автоматично згенерований код служить відправною точкою, що дозволяє розробникам змінювати, вдосконалювати або розширювати його відповідно до конкретних вимог.
  • Попередній перегляд: розробники можуть легко переглядати зміни в середовищі браузера, забезпечуючи візуальне представлення в реальному часі змін, внесених в інтерфейс користувача.

Як користуватись?

Крок 1: Вхід та створення нового проєкту

1.1. Відкрийте свій веб браузер та перейдіть за адресою

1.2. Увійдіть у свій обліковий запис або створіть новий, якщо у вас його ще немає.

1.3. Після входу оберіть опцію "Створити новий проєкт" та введіть назву вашого проєкту.

Крок 2: Створення компонентів

2.1. Оберіть опцію "Створити компонент" для початку роботи над новим елементом інтерфейсу. Опишіть бажаний вигляд та поведінку компонента. Наприклад, якщо це кнопка, вкажіть колір, розмір, текст кнопки та інші параметри.

0:00
/0:56

Крок 3: Ітерація

3.1. Перейдіть до етапу ітерації, щоб внести зміни у дизайн, положення чи макет компонента. Вказуйте конкретні зміни, які ви хочете внести. Наприклад, змінити розмір кнопки або її положення на екрані.

3.2. Не забувайте, що кожна ітерація будується на попередній версії компонента, спрощуючи процес вдосконалення.

Крок 4: Редагування елементів

4.1. Під час внесення змін уточнюйте елементи, які потрібно змінити. Надавайте чіткі інструкції, наприклад, "Змінити колір кнопки на червоний" або "Збільшити розмір тексту". Зберігайте робочий прогрес, щоб зможете повертатись до попередніх версій, якщо потрібно.

0:00
/1:26

Крок 5: Перегляд та експорт

5.1. Перегляньте пророблені зміни прямо у веб браузері, щоб мати ідею, як вони виглядають в реальному часі.

5.2 оберіть опцію "Експорт". Ви можете експортувати проєкт як Xcode проєкт, Swift файл або запустити його безпосередньо на вашому пристрої.

0:00
/0:53

Крок 6: Редагування та доробка згенерованого коду

6.1. Отриманий код служить вихідною точкою. Редагуйте, вдосконалюйте або розширюйте його відповідно до вашого завдання. Враховуйте, що Trace підтримує лише SwiftUI, тому переконайтеся, що ваші редаговані елементи відповідають цій технології.

Крок 7: Збереження та завершення

7.1. Збережіть ваш проєкт, щоб мати можливість працювати над ним надалі.

Висновки

Переваги

  • Швидкість розробки: Trace значно прискорює процес розробки завдяки автоматизованому генеруванню коду, шаблонам та інтерфейсу користувача.
  • Ітеративна розробка: можливість ітеративної розробки дозволяє швидко вносити зміни та поліпшення в існуючий код і дизайн.
  • Генерація коду за допомогою LLMs: використання Large Language Models (LLMs) для генерації коду дозволяє автоматично розуміти вимоги додатка та прискорює розробку.
  • Браузерна робоча область: можливість працювати в браузері робить Trace зручним для роботи з будь-якого місця.
  • Експорт у різних форматах: зручні опції експорту дозволяють використовувати результати роботи в інших середовищах, таких як Xcode.

Недоліки

  • Обмежена підтримка: оскільки Trace підтримує лише SwiftUI, це може бути обмеженням для тих, хто працює з іншими технологіями.
  • Необхідність додаткового редагування коду: згенерований код служить лише вихідною точкою, і може знадобитися додаткове редагування для відповідності конкретним вимогам проєкту.
  • Залежність від Інтернет-підключення: робота в браузері вимагає постійного доступу до Інтернету, що може бути проблемою у випадку обмеженого підключення.
  • Потреба в специфікаціях: для кращих результатів користувач повинен надавати деталізовані специфікації для кожного компонента, що може вимагати додаткового зусилля.

https://www.trace.zip

🖤
Якщо тобі сподобався цей матеріал, підпишись на наші соціальні мережі Instagram / Facebook / Linkedin / Telegram. Там ти знайдеш більше цікавих матеріалів про дизайн.

💬 Дизайн-чат
Поділитись публікацією