Здесь в Задаре я сделал и запустил новый плагин для Фигмы. Милый котик 😸 из UIQuill «смотрит» в дизайн, «понимает» что за текст нужен, где он находится, как называется страница, как называются фреймы, слои, группы, какие ещё есть страницы в проекте? Что вообще этот кожаный мешок дизайнит тут? Всё это умный котик схватывает налет.
Из доступной информации с помощью новейшей языковой модели (конкретно сейчас это Claude 3.5 Sonnet) котик делает выводы: о чем нужно написать писать текст и в каком стиле. Из длины текстовых строк — понимает, сколько писать по объему.
Я пробовал много разных плагинов-писателей, но всякий раз приходилось учить тому, что писать, в каком стиле, о чем писать… Очень парит, когда нужно проработать весь макет.
Котик UIQuill сам «поймет», что вы дизайните, например, мобильный апп, и пишете текст конкретно экрана онбординга. Claude Vision «увидит», что заголовок, что подзаголовок, что кнопка — и предложит подходящие варианты.
Генерация текста с учетом контекста дизайна
Самая лучшая из доступных на текущий момент ИИ-модель (LLM)
Бесшовная интеграция с Figma: все текстовые слои будут просмотрены!
Автоматическая подгонка текста под размеры элементов
Здесь в Кракове моя любимая команда, которая сделала Карму и Тайм бот и кучу других клёвых штук, запускает SpellCheck. Как можно догадаться из названия, этот цифровой продукт помогает с исправлением ошибок в текстах. Ниже короткий перечень
SpellCheck проверяет грамматику
Находит лишние или недостающие пробелы
Конечно, видит орфографические ошибки в написании отдельных слов
Позволяет создать приватный словарь слов-исключений
Производит автозамену
Может проверить:
Отдельный текстовый слой
Выбранный фрейм или группу
Страницу
Весь проект целиком!
Поддерживает кучу языков:
Английский
Французский
Немецкий
Португальский
Русский
Итальянский Испанский Японский
Китайский
Греческий
Может распознавать и игнорировать «lorem ipsum»
Понимает светлый и тёмный режимы интерфейса Figma
Скачать и попробовать плагин можно бесплатно с этой коммьюнити-страницы Figma: SpellCheck.
Расскажу немного, зачем вообще появился этот плагин, и что за постоянные запуски и продукты. Если кратко, то это об организации пассивного дохода по принципу снежного кома.
Я когда-то давно занимался разработкой и создание инди-игр (“Танчики” Бука выпускала, например), потом переехал в Новую Зеландию и открыл свою небольшую студию дизайна и разработки. С тех пор мы придумали и запустили порядка пятидесяти продуктов. Я занимался их выдумыванием, рисованием, созданием, продвижением — всем, чем занимаются фаундеры инди-стартапов.
Из полусотни разных идей выжили так, чтобы кормить команду и их семьи, штук пять. Это дало опыт «бутстрэппинга»: самостоятельных постройки и развития рабочих цифровых продуктов с чистого листа. Ну и дало какой-то стабильный пассивный доход.
Бел период, когда мы играли в поиски инвестиций и 100х рост. Именно тогда с Кармой мы прошли через акселератор Pioneer и пообщались с потенциальными инвесторами в СФ. Мой бизнес-партнёр и я провели около 600 часов демо-сессий с клиентами за последние 4 года. По Карме, если интересно, я вёл довольно подробную статистику развития продукта на сайте Indie Hacker — больше 170 недель отслеживал основные и вспомогательные метрики. Карма постепенно вышла в самоокупаемость и… и мы поняли, что не готовы поставить всё на одну лошадь и бросить всё, чтобы ради инвесторских денег изо всех сил стараться растить Карму, как они ожидают. Да и продукт, как оказалось, нужен не всем. Из быстрорастущего стартапа он превратился в обычный бизнес. Что прекрасно!
Приблизительно в середине ковидного 2020, я конвертировал деятельность команды в “long game”: строить много мелких штук так, чтобы, как снежный ком, постепенно рос пассивный доход из десятков разных источников. Такой подход достаточно интересный, не соскучишься.
Сегодня — собственно, то чем я и поделился с аудиторией блога — одним из таких продуктов стал SpellCheck: продвинутый плагин для мультиязычной проверки орфографии и грамматики в дизайнах Figma.
По роду деятельности, мне приходится создавать, проверять и вычищать кучу дизайнов, и очень неудобно (даже с новой фичей Фигмы, которая буквально два дня как может делать примитивную проверку) делать это слой за слоем. Наш плагин способен проверить весь проект целиком в один клик. SpellCheck поддерживает языки, смотрит на грамматику и лишние пробелы, распознаёт “Lorem Ipsum” и пропускает текстовые слои с таким «рыбным» содержанием. Всё это делается через несколько платных API, отсюда обязательная платность продукта.
Около 60 человек уже поняли, что SpellCheck экономит кучу времени, и подписались. Это произошло до публичного запуска: плагин просто лежал в фигма-коммьюнити, я нигде про него не рассказывал.
Два дня назад Фигма научилась проверять орфографию нативно. И, мне показалось, что это хороший момент для публичного запуска. Обычно это значит — «сделать запуск»: создать прочную SEO-ссылку на ProductHunt и показать продукт в тематических комьюнити вроде этого.
Надеюсь, со временем из SpellCheck получится что-то полезное: ведь всем нужно проверять спеллинг и грамматику в дизайнах. Если вы согласны с таким утверждением, поддержите, пожалуйста проект на ProductHunt: https://www.producthunt.com/posts/spellcheck.
Будет круто, если вы проголосуете за него там. Если будут какие-то пожелания, пишите в комментарии там, пожалуйста, чтобы всё в одном месте было. Спасибо!
Здесь в Окленде, у меня в компании, образовалась открытая вакансия.
Удалённая, асинхронная работа в sliday.com: junior digital (UI/UX) дизайнер(ка) — вот, кого мы ищем.
Мы делаем в Figma дизайны для клиентов по всему миру. Развиваем свои проекты (например, Карму) и поддерживаем чужие. Текучка низкая, ядро команды с нами больше пяти лет. Есть постоянный поток рабочих задач, и рук стало не хватать где-то на 20 часов в неделю. Потенциально, работы больше, но мы обычно начинаем сотрудничество с частичной занятости. Платим в USD, как договоримся. Демпинговать ни у кого нет желания, назовите вашу цену, обсудим, найдём золотую середину.
Сплочённая команда из 15 человек (Новая Зеландия, Австралия, Беларусь, Россия, Польша). Компании 12 лет скоро: корабль плывёт давно и всерьёз. Мы готовы учить, помогать, направлять, развивать, заботиться.
Общее знание того, что есть цифровой продукт: грубо говоря, из чего сделан сайт, апп?
Хорошее знание Figma: символы, автолейауты, стили — это всё пригодится.
Но самое главное — это желание учиться
Обязанности:
Помогать нашей основной дизайнерке претворять идеи клиентов в жизнь. Работы много. Просто не хватает рук.
Тусич в корпоративном Слэке: мы все люди интересные, стараемся поддерживать и развивать социальные связи в удалёнке, чтобы не сойти с ума и не перегореть.
Условия:
Постоянная удалённая, асинхронная работа в Slack, Zoom и Figma
Позиция junior digital (UI/UX) дизайнер(ка)
Занятость 20+ часов в неделю
Оплата в USD по рыночным ставкам, как договоримся.
Присылайте краткую информацию о себе в свободной форме, примеры работ, список пройденных курсов и(или) туториалов на [email protected].
Здесь в Sliday, нам часто приходится делать дизайны. И основное, за чем приходится мне, креативному простигосподи директору, следить, за единообразием. В разных языках разные правила капитализации — того, как мы ставим заглавные буквы в заголовках и подзаголовках.
Заголовки в текстах, в книгах, следуют грамматическим правилам языка. Как быть с подписями к кнопкам? Они ведь в своём роде заголовки кнопок.
First Name или First name, Log in или Log In?
Правила английского языка учитывают типы слов, их длину и прочие параметры, сложные правила.
Интернет равняется на Левиафанов большого бизнеса. Google придумал, как упростить правила капитализации в интерфейсах, Apple решил делать, как в английском языке задумано. Microsoft как обычно всё усложнил и сделал гибридный вариант, в котором в целом тоже есть закономерности.
Как я это в упрощённой форме рассказываю клиентам, в мире, грубо говоря, существует несколько договорённостей:
Мы в Sliday стараемся, чтобы было просто – это означает первый вариант.
Log in, Sign up, Proceed to the board
Все заголовки и подписи к элементам интерфейса оформлены, как предложения: первая буква заглавная, остальные строчные.
Когда клиент хочет, как типа «правильно по-английски», то второй вариант ОК, хоть придётся помучиться с предлогами и короткими словами, они в некоторых версиях капитализации пишутся строчными или вовсе пропускаются. Упрощённая грамматика в газетных заголовках обычное дело, оттуда нередко вываливаются артикли и предлоги. Третьим пунктом или рекомендациями BBC мы почти никогда не пользуемся, но имеем в виду.
Глобально важно, чтобы в хорошем дизайне присутствовала система. Порядок. Контроль. Учёт.
P.S.: Занятное примечание. В обновлённых гугло-рекомендациях на сайте Material.io раздел о Capitalization упразднили, и хаос тотчас окутал.)
Здесь в Окленде мы как-то болтали с программистами, и выяснили, что они (У — удивление) не очень любят заморачиваться с векторными кривыми Безье, наложением форм, чистотой углов и цветов. «Ах, был бы какой-то конструктор, чтобы по-быстрому лого сляпать» — мечтали разработчики!
Мы с дизайнерами Sliday посидели на выходных чуть подольше и после недели вялотекущего тестирования запустили мини-продукт под названием Build with Sketch.
Бесплатный темплейт использует сетку вложенных символов. Из них, как из кубиков LEGO, можно собирать логотипы, шрифтовые решения, паттерны и узоры всех мастей. Выглядит это примерно так:
Мы будем по мере возможностей дополнять и расширять набор символов-кирпичиков.
Интернет равняется на Левиафанов большого бизнеса. Google придумал, как упростить правила капитализации в интерфейсах, Apple решил делать, как в английском языке задумано. Microsoft как обычно всё усложнил и сделал гибридный вариант, в котором в целом тоже есть закономерности.
