UIQuill — ИИ-плагин для дизайнеров

Здесь в Задаре я сделал и запустил новый плагин для Фигмы. Милый котик 😸 из UIQuill «смотрит» в дизайн, «понимает» что за текст нужен, где он находится, как называется страница, как называются фреймы, слои, группы, какие ещё есть страницы в проекте? Что вообще этот кожаный мешок дизайнит тут? Всё это умный котик схватывает налет.

Из доступной информации с помощью новейшей языковой модели (конкретно сейчас это Claude 3.5 Sonnet) котик делает выводы: о чем нужно написать писать текст и в каком стиле. Из длины текстовых строк — понимает, сколько писать по объему.

Демо можно глянуть в этом видео.

Я пробовал много разных плагинов-писателей, но всякий раз приходилось учить тому, что писать, в каком стиле, о чем писать… Очень парит, когда нужно проработать весь макет.

Котик UIQuill сам «поймет», что вы дизайните, например, мобильный апп, и пишете текст конкретно экрана онбординга. Claude Vision «увидит», что заголовок, что подзаголовок, что кнопка — и предложит подходящие варианты. 

  • Генерация текста с учетом контекста дизайна
  • Самая лучшая из доступных на текущий момент ИИ-модель (LLM)
  • Бесшовная интеграция с Figma: все текстовые слои будут просмотрены!
  • Автоматическая подгонка текста под размеры элементов
  • Поддержка светлого и темного режимов 🌓
  • Исправление грамматики и стиля, само собой
  • Мультиязчыность

Плюс-плюс котика на Продуктханте сегодня, пожалуйста 🙏 
Там же есть ссылка на установку.

P.S.: Напоминаю, что самые интересные штуки из мира искусственного интеллекта — у меня в телеграм-канале ИИзвестия.

Комментарии

 

Темплейт для Ionic и Figma

Здесь в Окленде мы закончили разработку небесплатного темплейта для Figma, в котором можно собирать дизайны из нативных компонентов Ionic, называли такой «умный» темплейт — Ionic Figma, и домен купили соответствующий.

Дизайнеры любят рисовать из головы, а разработчики не любят возиться с кастомным кодом. Мы предлагаем дизайн-набор, который содержит родные компоненты Ionic. Если собирать интерфейсы на нём, то — даже, если вы поменяли глобально стили: цвета, шрифты и прочее — в коде дизайн будет собираться легко и приятно. Буквально, ходи копируй-вставляй примеры из файлов помощи фреймворка Ionic, и выглядеть будет предсказуемо хорошо.

Видео ниже показывает, каким образом происходит сборка.

Отдельно отмечу, что наш продукт не генерирует код. Он помогает быстрее и точнее создавать дизайн-наброски для приложений, написанных на Ionic. Довольно узко-специализированный инструмент, я понимаю, но, судя по тому, как покупают Ionic Sketch, весьма востребованный в нашем огромном многомиллиардном техно-мире.

Купон ‘launch25’ даст 25% скидку, если кому будет настолько интересно.

Комментарии