Хочу поделиться отличной новостью: сделал свой первый плагин для Фигмы, который посвящен генерации дизайна — экспорту компонентов Фигмы в мой движок JP для создания PDF-генераторов.
Плагин выгружает именно сами формы символов, указывая «индексы» цветов, чтобы потом можно было указать эти цвета. То есть, если иконка была 2-цветная, то в PDF-файле можно указать любые 2 CMYK-цвета.
Ещё плагин учитывает все отступы векторных форм, включая «отрицательные», которые часто добавляют для оптической компенсации. Если иконка выходит за края, то она отрисуется целиком, но ширину или высоту можно указать именно «контейнеру» компоненты Фигмы.
Конечно, хочется сразу всё бросить и создавать плагины для автоматической вёрстки из Фигмы: экспортировать PDF-файлы с правильными формами шрифтов (хе-хе), без дырок в вариативных шрифтах на углах, без SVG-файлов с RGB-цветами, но...
В Фигме свои совершенно другие метрики шрифтов, другие единицы измерения, кернинг (и межбуквенное расстояние?) измеряется в процентах. Конечно, все это решаемо в будущем.
Но теперь, чтобы автоматизировать дизайн, у меня есть плагины для всех программ по созданию дизайна: Figma, Adobe Illustrator и Adobe InDesign. Все эти плагины умеют работать с сетевыми данными, то есть даже Иллюстратор можно заставить сходить в базу данных вашей компании и взять данные для вёрстки.
Плагин выгружает именно сами формы символов, указывая «индексы» цветов, чтобы потом можно было указать эти цвета. То есть, если иконка была 2-цветная, то в PDF-файле можно указать любые 2 CMYK-цвета.
Ещё плагин учитывает все отступы векторных форм, включая «отрицательные», которые часто добавляют для оптической компенсации. Если иконка выходит за края, то она отрисуется целиком, но ширину или высоту можно указать именно «контейнеру» компоненты Фигмы.
Конечно, хочется сразу всё бросить и создавать плагины для автоматической вёрстки из Фигмы: экспортировать PDF-файлы с правильными формами шрифтов (хе-хе), без дырок в вариативных шрифтах на углах, без SVG-файлов с RGB-цветами, но...
В Фигме свои совершенно другие метрики шрифтов, другие единицы измерения, кернинг (и межбуквенное расстояние?) измеряется в процентах. Конечно, все это решаемо в будущем.
Но теперь, чтобы автоматизировать дизайн, у меня есть плагины для всех программ по созданию дизайна: Figma, Adobe Illustrator и Adobe InDesign. Все эти плагины умеют работать с сетевыми данными, то есть даже Иллюстратор можно заставить сходить в базу данных вашей компании и взять данные для вёрстки.
❤19👍2
Автоматические тесты для Адоба
Давно была идея сделать тестирование скриптов для Индизайна и Иллюстратора. Пользуясь тестами на бэкенде и фронтенде, хочется тоже нажать волшебную кнопочку и наблюдать за прогресс-баром, успехами и падениями тестов. Мечта!
Но в Иллюстраторе и Индизайне у тебя на выходе файл, в котором «что-то произошло». Если пытаться после запуска скрипта писать ещё один скрипт, который будет открывать файл и проверять, сколько там у тебя создалось этих кружочков, то это с ума можно сойти!
Да, ты можешь проверить создание файлов, которые должен экспортировать твой скрипт. Ты можешь получить в результате скрипта успех/не успех. Но как быть с параметрами запуска скрипта, особенно когда у тебя большой список этих параметров да ещё и в какой-нибудь джейсон-структуре?
Ответ оказался достаточно прост, хотя пришлось повозиться с первой версией этого добра.
Когда программируешь под Адоб, всегда пишешь лог-файлы, потому что нет у Адоба консоли, где видны значения переменных и объектов. И вот ты на рабочем столе, например, делаешь лог-файл, куда пишешь всё, что хочешь.
Так вот у нас и готова база для тестирования! Просто надо логи писать рядом Адоб-файлом. И состоит система из:
1. файл, в котором запускается скрипт,
2. файлы, которые получились,
3. лог-файл.
Магическая папочка tests содержит:
1. конфиг-файл, где прописывается путь до запускаемого скрипта,
2. если надо, то файл входящих переменных, которые скрипт создаст перед каждой попыткой,
3. адрес папки, где лежит файл клиента,
4. список проверок, то есть тех самых тестов.
На текущий момент у меня уже проверки:
— есть ошибка или нет, точный текст ошибки, текст ошибки может содержать текст,
— сколько и каких файлов создалось и в каких папках,
— какие объекты были созданы и на каких позициях.
И этого уже вполне достаточно, чтобы быть спокойным за внесение изменений в скрипт.
То есть скрипт-тестировщик должен просто:
1. зайти в папку с очередным исходных файлом, загрузить переменные при необходимости,
2. открыть файл и выполнить скрипт, закрыть файл,
3. пройтись по лог-файлу и найти там все нужные статусы, значения, тексты ошибок, уведомления успехов,
4. пройтись по файлам, если они создавались скриптом (предварительно очистив эту папку в начале запуска теста), и убедиться, что всё создано, как надо.
Тут, конечно, надо точно соблюдать одинаковые способы написание логов, чтобы эта система работала на разных скриптах. Но без аккуратности, по-моему, вообще не возможен программист для скриптов под Адоб. Там выживают самые аккуратные и внимательные. 😍
Ну волшебство же! Запустить тесты на 5 файлах клиента за последние полгода и получить в результате:
Давно была идея сделать тестирование скриптов для Индизайна и Иллюстратора. Пользуясь тестами на бэкенде и фронтенде, хочется тоже нажать волшебную кнопочку и наблюдать за прогресс-баром, успехами и падениями тестов. Мечта!
Но в Иллюстраторе и Индизайне у тебя на выходе файл, в котором «что-то произошло». Если пытаться после запуска скрипта писать ещё один скрипт, который будет открывать файл и проверять, сколько там у тебя создалось этих кружочков, то это с ума можно сойти!
Да, ты можешь проверить создание файлов, которые должен экспортировать твой скрипт. Ты можешь получить в результате скрипта успех/не успех. Но как быть с параметрами запуска скрипта, особенно когда у тебя большой список этих параметров да ещё и в какой-нибудь джейсон-структуре?
Ответ оказался достаточно прост, хотя пришлось повозиться с первой версией этого добра.
Когда программируешь под Адоб, всегда пишешь лог-файлы, потому что нет у Адоба консоли, где видны значения переменных и объектов. И вот ты на рабочем столе, например, делаешь лог-файл, куда пишешь всё, что хочешь.
Так вот у нас и готова база для тестирования! Просто надо логи писать рядом Адоб-файлом. И состоит система из:
1. файл, в котором запускается скрипт,
2. файлы, которые получились,
3. лог-файл.
Магическая папочка tests содержит:
1. конфиг-файл, где прописывается путь до запускаемого скрипта,
2. если надо, то файл входящих переменных, которые скрипт создаст перед каждой попыткой,
3. адрес папки, где лежит файл клиента,
4. список проверок, то есть тех самых тестов.
На текущий момент у меня уже проверки:
— есть ошибка или нет, точный текст ошибки, текст ошибки может содержать текст,
— сколько и каких файлов создалось и в каких папках,
— какие объекты были созданы и на каких позициях.
И этого уже вполне достаточно, чтобы быть спокойным за внесение изменений в скрипт.
То есть скрипт-тестировщик должен просто:
1. зайти в папку с очередным исходных файлом, загрузить переменные при необходимости,
2. открыть файл и выполнить скрипт, закрыть файл,
3. пройтись по лог-файлу и найти там все нужные статусы, значения, тексты ошибок, уведомления успехов,
4. пройтись по файлам, если они создавались скриптом (предварительно очистив эту папку в начале запуска теста), и убедиться, что всё создано, как надо.
Тут, конечно, надо точно соблюдать одинаковые способы написание логов, чтобы эта система работала на разных скриптах. Но без аккуратности, по-моему, вообще не возможен программист для скриптов под Адоб. Там выживают самые аккуратные и внимательные. 😍
Ну волшебство же! Запустить тесты на 5 файлах клиента за последние полгода и получить в результате:
Tests status = OK
tests: 5, asserts: 23
❤4👍2🔥2⚡1
Forwarded from Дима Туманов (Дима Туманов)
Скрипт от дизайнеров Додо Пиццы 🍕
Пригодится, если вы дизайнер и сохраняете макеты из Adobe Illustrator: shift.dodobrands.io/automation/script-for-saving-layouts
Отличает печатный макет от диджитал и сохраняет файлы для редактирования, печати, публикации и превью. По дороге делает препересс и всякие нудные (и нужные) технические штуки.
Забирайте себе, делитесь с теми, кому это актуально.
Инфа открыта, но who knows!
Пригодится, если вы дизайнер и сохраняете макеты из Adobe Illustrator: shift.dodobrands.io/automation/script-for-saving-layouts
Отличает печатный макет от диджитал и сохраняет файлы для редактирования, печати, публикации и превью. По дороге делает препересс и всякие нудные (и нужные) технические штуки.
Забирайте себе, делитесь с теми, кому это актуально.
Инфа открыта, но who knows!
👍1
👆 Неожиданное упоминание 😎
Скажу вам честно: программировать дизайн с качественными сочными фотографиями еды — дело не лёгкое. На пустой желудок совершенно невозможно было.
🍕🍕🍕🍕🍕🍕🍕🍕
Скажу вам честно: программировать дизайн с качественными сочными фотографиями еды — дело не лёгкое. На пустой желудок совершенно невозможно было.
🍕🍕🍕🍕🍕🍕🍕🍕
❤8🔥3🤝2
Forwarded from Правдзинский
В среду, 30 октября, собираемся чтобы поговорить (и послушать) про автоматизацию процессов производства макетов при проектировании и внедрении систем визуальной коммуникации и навигации. И особенно посмотрим на то, как это можно делать без привязки к продуктам Adobe.
Приглашённый эксперт — Сергей Турулин, технический директор «Эникрафт». Сергей занимался автоматизацией дизайна в Студии Лебедева, Золото-Групп (ZTL.Group), Додо-Пицца. Создавал навигацию для Москвы, Екатеринбурга, Челябинска и других городов России и зарубежья.
Разговор будет полезен дизайнерам, архитекторам и творческим руководителям, которые запускают подобные процессы.
Встреча пройдёт в Высшей школе брендинга (г. Москва
Протопоповский пер., 9, стр. 1, этаж 4, ауд. 424), начинаем в 19:00
Участие бесплатное
Регистрация тут
Приглашённый эксперт — Сергей Турулин, технический директор «Эникрафт». Сергей занимался автоматизацией дизайна в Студии Лебедева, Золото-Групп (ZTL.Group), Додо-Пицца. Создавал навигацию для Москвы, Екатеринбурга, Челябинска и других городов России и зарубежья.
Разговор будет полезен дизайнерам, архитекторам и творческим руководителям, которые запускают подобные процессы.
Встреча пройдёт в Высшей школе брендинга (г. Москва
Протопоповский пер., 9, стр. 1, этаж 4, ауд. 424), начинаем в 19:00
Участие бесплатное
Регистрация тут
❤12👍3🔥2🤬1
Ошибка как источник идеи
Недавно я добавил на сайт Метростата метро Питера. Обновление делал поздно вечером. Не буду грузить технической информацией, но получилось так, что одинаковые станции Москвы и Питера перепутались и по «Беговой» из Питера показывалась московская.
Я быстро поправил баг. Но Яндекс за эти несколько минут успел проиндексировать сайт и выдал мне ворнинг в статистике, что у разных страниц одинаковый контент.
И у меня появилась идея сделать статистику по одинаковым названиям станций разных метрополитенов.
В общем, везде надо искать идеи. 💡
Недавно я добавил на сайт Метростата метро Питера. Обновление делал поздно вечером. Не буду грузить технической информацией, но получилось так, что одинаковые станции Москвы и Питера перепутались и по «Беговой» из Питера показывалась московская.
Я быстро поправил баг. Но Яндекс за эти несколько минут успел проиндексировать сайт и выдал мне ворнинг в статистике, что у разных страниц одинаковый контент.
И у меня появилась идея сделать статистику по одинаковым названиям станций разных метрополитенов.
В общем, везде надо искать идеи. 💡
❤4👍2
Forwarded from Сетка — кодинг для дизайнеров (Adam Arutyunov)
This media is not supported in your browser
VIEW IN TELEGRAM
Открытый семинар с Сергеем Турулиным
В воскресенье, 3 ноября, зовём вас на встречу с одним из первых автоматизаторов дизайна в России.
Сергей Турулин работал в Студии Лебедева, Золото-Групп и Додо-пицце. Он генерировал навигацию Москвы, создавал генератор адресных табличек для Екатеринбурга, Челябинска и других городов России и зарубежья. Скорее всего, вы каждый день видите дизайн, который создан с помощью его инструментов.
Просто посмотрите, сколько крутоты у него на сайте: adobescript.ru
Поговорим про автоматизацию Иллюстратора и Индизайна, про веб-генераторы PDF полиграфического качества и другие проекты Сергея.
А ещё про:
— автоматическое нанесение пассажиропотоков на схему метро;
— генеративные новогодние плакаты для Студии Лебедева;
— упрощение и унификацию создания адресных табличек и указателей Екатеринбурга;
— автоматическое составление расписаний челябинских автобусов (проект с Ильёй Бирманом);
— PDF-сервер;
— Автокрафт — инструмент планирования навигации прямо в браузере.
Если останется время, пойдём в хардкор — поговорим о кернинге, полном отказе от Адоба и отличия обычного PDF от того, что без вопросов примут в типографии.
Это нужно всем дизайнерам. Такое случается раз в столетие. В это воскресенье. В 18:00 по Москве. Ссылка на зум будет тут.
В воскресенье, 3 ноября, зовём вас на встречу с одним из первых автоматизаторов дизайна в России.
Сергей Турулин работал в Студии Лебедева, Золото-Групп и Додо-пицце. Он генерировал навигацию Москвы, создавал генератор адресных табличек для Екатеринбурга, Челябинска и других городов России и зарубежья. Скорее всего, вы каждый день видите дизайн, который создан с помощью его инструментов.
Просто посмотрите, сколько крутоты у него на сайте: adobescript.ru
Поговорим про автоматизацию Иллюстратора и Индизайна, про веб-генераторы PDF полиграфического качества и другие проекты Сергея.
А ещё про:
— автоматическое нанесение пассажиропотоков на схему метро;
— генеративные новогодние плакаты для Студии Лебедева;
— упрощение и унификацию создания адресных табличек и указателей Екатеринбурга;
— автоматическое составление расписаний челябинских автобусов (проект с Ильёй Бирманом);
— PDF-сервер;
— Автокрафт — инструмент планирования навигации прямо в браузере.
Если останется время, пойдём в хардкор — поговорим о кернинге, полном отказе от Адоба и отличия обычного PDF от того, что без вопросов примут в типографии.
Это нужно всем дизайнерам. Такое случается раз в столетие. В это воскресенье. В 18:00 по Москве. Ссылка на зум будет тут.
🔥7
👆 Завтра, в воскресенье, в 6 вечера по Москве устроим созвон с ребятами из «Сетки».
Расскажу о проектах, в некоторые залезу «под капот». Всем, кому интересна автоматизация дизайна, забронируйте у себя в календаре час—полтора. Можно будет задавать вопросы.
Думаю, интересно будет не только дизайнерам, но и менеджерам и разработчикам. ;–)
Ссылка на зум будет завтра.
Расскажу о проектах, в некоторые залезу «под капот». Всем, кому интересна автоматизация дизайна, забронируйте у себя в календаре час—полтора. Можно будет задавать вопросы.
Думаю, интересно будет не только дизайнерам, но и менеджерам и разработчикам. ;–)
Ссылка на зум будет завтра.
🔥4👍1
Forwarded from Сетка — кодинг для дизайнеров (Adam Arutyunov)
Запись семинара ↑ с Сергеем Турулиным
https://youtu.be/5A3-fwkr85g
https://youtu.be/5A3-fwkr85g
https://youtu.be/5A3-fwkr85g
Поговорили про автоматизацию дизайна, генеративные плакаты, системы автоматической вёрстки навигации, проекты по генерации адресных табличек, указателей и расписаний для городов, и ещё про всякие сложные интересные штуки.
Подписывайтесь на канал Сергея про автоматизацию дизайн-инструментов: @adobescript.
https://youtu.be/5A3-fwkr85g
https://youtu.be/5A3-fwkr85g
https://youtu.be/5A3-fwkr85g
Поговорили про автоматизацию дизайна, генеративные плакаты, системы автоматической вёрстки навигации, проекты по генерации адресных табличек, указателей и расписаний для городов, и ещё про всякие сложные интересные штуки.
Подписывайтесь на канал Сергея про автоматизацию дизайн-инструментов: @adobescript.
YouTube
Открытый семинар с Сергеем Турулиным
Встреча с одним из первых автоматизаторов дизайна в России.
Сергей Турулин работал в Студии Лебедева, Золото-Групп и Додо-пицце. Он генерировал навигацию Москвы, создавал генератор адресных табличек для Екатеринбурга, Челябинска и других городов России и…
Сергей Турулин работал в Студии Лебедева, Золото-Групп и Додо-пицце. Он генерировал навигацию Москвы, создавал генератор адресных табличек для Екатеринбурга, Челябинска и других городов России и…
🔥4
Forwarded from Эникрафт
Привет! Это Эникрафт — стартап, который меняет подход к графическому дизайну.
Мы автоматизируем рутину, чтобы оставить дизайнерам главное — творчество. То, что никогда не сможет заменить искусственный интеллект.
Наши сервисы экономят сотни часов работы, избавляя от ручного труда. Мы упрощаем жизнь дизайнерам, руководителям и владельцам бизнеса. Сегодня нашими решениями уже пользуются города, корпорации и дизайн-студии.
Эникрафт основан в 2024 году энтузиастами из Москвы, Екатеринбурга и Лиссабона. Работаем по всему миру.
Через несколько дней мы представим Автокрафт — наш первый сервис для быстрой вёрстки макетов. Расскажем о нём и покажем проекты, которые уже работают на его основе.
Подписывайтесь, чтобы узнать, как наши решения помогут вам избавиться от рутины.
✨
Мы автоматизируем рутину, чтобы оставить дизайнерам главное — творчество. То, что никогда не сможет заменить искусственный интеллект.
Наши сервисы экономят сотни часов работы, избавляя от ручного труда. Мы упрощаем жизнь дизайнерам, руководителям и владельцам бизнеса. Сегодня нашими решениями уже пользуются города, корпорации и дизайн-студии.
Эникрафт основан в 2024 году энтузиастами из Москвы, Екатеринбурга и Лиссабона. Работаем по всему миру.
Через несколько дней мы представим Автокрафт — наш первый сервис для быстрой вёрстки макетов. Расскажем о нём и покажем проекты, которые уже работают на его основе.
Подписывайтесь, чтобы узнать, как наши решения помогут вам избавиться от рутины.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👏5
Выпиваем за Эникрафт. Чин-чин! 🥂
Раньше генерил дизайн сам, а теперь с друзьями! Запустили стартап – автоматизируем дизайн в вебе и в Adobe. Welcome!
Раньше генерил дизайн сам, а теперь с друзьями! Запустили стартап – автоматизируем дизайн в вебе и в Adobe. Welcome!
❤10👍7🔥2👎1
Forwarded from Эникрафт
Масштабируйте дизайн без рутины, ошибок, дизайнеров и зарубежного софта. Экономьте время, деньги и нервы на дизайнерских задачах.
Как было раньше
В «идеальном» мире — команда дизайнеров вручную верстает сотни макетов по шаблону. Работа долгая и нудная, на которой легко допустить ошибку. А если появляются субподрядчики — ждите сюрпризов: то иконки и шрифты не те, то вёрстка «поехала», то текст с опечатками.
Как будет с Автокрафтом
Теперь любой человек легко скрафтит макет за пару кликов. Заполняешь веб-форму — и можно кидать на печать. Быстро, чётко и без лишних заморочек.
Где это нужно
— Навигация: города, аэропорты, парки, склады, офисы, стадионы — в общем, любые пространства.
— Таблички: адресные, памятные, информационные.
— Расписания, объявления, знаки: для транспорта, дорог, парковок.
— Айдентика: визитки, баннеры, бланки, аншлаги — любые корпоративные штуки.
— Афиши и плакаты: для концертов, спектаклей, событий.
Кому это нужно
— Дизайнерам: чтобы скинуть рутину на Автокрафт и сфокусироваться на творчестве.
— Менеджерам: чтобы проекты запускались без ошибок и в срок.
— Бизнесу: чтобы сотрудники не убивали время на бессмысленную ручную работу.
— Корпорациям, городам и студиям: для масштабных задач и бесперебойного дизайна.
Готовы ускорить свой рабочий процесс? Пишите на [email protected], и мы покажем, как Автокрафт может упростить вашу жизнь.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🍾9🍓4🔥1