Трафарет


Channel's geo and language: not specified, not specified
Category: not specified


Дизайнер с инженерным складом ума. При помощи нейросетей делаю инструменты для автоматизации: плагины Figma, веб-аппы, креативный кодинг.
@kinnightt

Related channels

Channel's geo and language
not specified, not specified
Category
not specified
Statistics
Posts filter


ЕДУ НА ДИЗАЙН-ВЫХОДНЫЕ
🤩🤩🤩🤩🤩

9 октября в 15:00 выступаю с темой «Как перестать делать руками то, что можно автоматизировать»

На своём примере научу автоматизировать рутину — экономить время и не терять в качестве

Покажу на практике:
— как за 2 минуты написать первый микро-скрипт и плагин для Figma
— как в один клик обновить графику в десятках макетов Photoshop без операций
— как создать аддон для Blender, процедурно собирающий точную 3D-упаковку без артефактов
— как превратить брендбук в генератор макетов и паттернов

Поговорим о том, как код становится для дизайнера обычной кистью, и где алгоритмы никогда не заменят ваш вкус


Только реальные приёмы, которые экономят десятки часов и сохраняют кайф от профессии

Забрать бесплатный билет на Дизайн-выходные




Шрифтовые студии дали добро 🔥

На этой неделе вас ждёт очень горячий релиз Luqo

Внутри — не только тысячи студийных шрифтов для мгновенной примерки в Figma, но и пачка новых киллер-фич под капотом


Включайте уведомления, дроп на днях 👀


Маководы, у которых вечно отваливается Adobe — подгон для вас

Уверен, многие ловили этот ад: сидишь в Illustrator или Photoshop под включённым VPN, и тут прилетает мерзкое окно с требованием немедленно купить лицензию и прекратить пиратить

Коль уж мы живём на родине параллельного импорта софта, поясню, откуда растут ноги

Сейчас на macOS есть два основных способа поставить пиратку:
1. Релизы от Monter Group — ставятся в один клик, как два пальца об асфальт. Но как только ты включаешь VPN — софт стучится на сервера Adobe и тебе моментально прилетает баннер с блокировкой

2. Сборки с активацией через AAT (Adobe Activation Tool) — единственный стабильный путь, но тут есть нюанс. Нужен не любой AAT, а именно релиз 1.2.7 — только такой сетап спокойно дружит с VPN и не выносит мозг


Коротко:
Сносите старые кривые версии под ноль и ставьте связку на базе AAT 1.2.7

Как не мучиться с установкой:
Я упаковал все нюансы, команды и решения возможных затыков в единую базу знаний

Вам даже не нужно читать мануалы: просто закидываете этот PDF в любую нейронку — ChatGPT, Claude, Gemini — и пишете, что хотите установить. Если вылезет какая-то ошибка — кидаете скрин нейросети, и она по этой базе за пару секунд разруливает проблему

Гайд собран на основе сотен ответов легендарного саппорта vstabr с AppStorrent, за что ему отдельный респект!


Сохраняйте и пользуйтесь с удовольствием!


Video is unavailable for watching
Show in Telegram
Подружил Blender и нейронку 🤝

Нам часто прилетают задачи на рендер тюбиков с пастой. Размеры у упаковок всегда разные, и каждый раз моделить 3D-шку с нуля — та ещё рутина

Решил упростить себе жизнь и сделал интерактивный генератор тюбиков. Теперь всё настраивается обычными ползунками: вбил размеры из макета, подкрутил высоту шва, пухлость, складки — и идеальная форма готова за пару кликов

Как я это собрал:

Через MCP — это специальный мост, который позволяет подключить нейросеть напрямую к софту: модель буквально видит сцену и объекты внутри программы. Ты просто описываешь задачу текстом, а AI-агент сам пишет логику и собирает нужный инструмент прямо в Blender


Дальше хочу провернуть такой же трюк с Illustrator — там тоже полно монотонной работы, которую давно пора автоматизировать. Как протестирую — обязательно поделюсь!


В Фигме новая фича!

В настройках текстового блока (в самом низу) появился параметр Wrap Style. Он позволяет красиво и равномерно распределять слова по строкам, чтобы не оставалось «висячих» одиноких слов.

Важно: Это не классический перенос по слогам. Фигма просто аккуратно переносит слова целиком, делая текстовый блок визуально сбалансированным.


Кстати, год назад дизайнер просил об этом на форуме Figma — и вот, наконец-то дождались!


Как думаете, получится договориться со студиями?
Poll
  •   Да, это win-win: им трафик, нам удобство
  •   Студии задушат согласованиями
  •   Мне просто нужна эта фича, жду не дождусь!
  •   Да, Кирилл сделает 🛠️
16 votes


Отдельные вкладки шрифтовых студий Paratype и TypeType — готовлю для luqo новую фичу

Идея в том, чтобы дать дизайнерам удобную витрину, а студиям — дополнительный канал трафика с прямыми ссылками на их сайты и корректной маркировкой лицензий

Техническая реализация — дело одного вечера, но для меня принципиально важно сделать всё чисто. Поэтому сейчас готовлю предложение для студий с запросом на юридическое оформление разрешения — использование логотипа и данных для превью шрифтов


Video is unavailable for watching
Show in Telegram
Pixel Guard — это фоновый помощник для Figma

Зачем: иногда у фреймов координаты или размеры «кривые» — не целые пиксели, а вроде 100.3 или 52.7. На экране это почти не видно, но потом верстка/экспорт могут поехать

Что делает:

1. Сам смотрит страницу раз в минуту (и сразу при запуске)
2. Ищет кривые фреймы
3. Если нашёл — пишет: «Нашёл столько-то кривых»
4. Кнопка Выделить — показывает их на холсте
5. Ты можешь снять выделение с тех, которые не стоит трогать
6. Кнопка Исправить — округляет оставшиеся до целых пикселей


На просторах фигмы есть куча плагинов, которые исправляют кривые размеры фреймов, но ты их запускаешь постфактум, только тогда, когда ты заметил кривые фреймы

А Pixel Guard старается делать так, чтобы ты сразу видел такие фреймы и мог их оперативно поправить

Скачать тут
Как установить показал в комментах


Video is unavailable for watching
Show in Telegram
Сделал плагин, который наконец-то ИДЕАЛЬНО переносит текст из Figma в Illustrator

Дизайнеры упаковки, мерча и полиграфии, этот пост для вас.

Мне часто приходится готовить макеты к печати с редактируемым текстом. Обычный экспорт из Figma в формат SVG вы все знаете — если, конечно, вообще знали про скрытую галочку «Outline Text» в настройках, которую фиг найдёшь.

Но на выходе всё равно получается ад: текст бьется на случайные куски, а Иллюстратор не понимает обычные переносы строк и щедро сыпет в макет те самые символы «тофу» — пустые квадраты.

Сидеть и вычищать их вручную — непозволительная трата времени. Особенно, если привык собирать всё на автолейаутах и быстро вносить правки.

Поэтому я разработал Texor.

1. Тыкни «Скачать» и плагин создаст ZIP-архив
2. Распакуй его
3. Перетащи JSX-файл в Illustrator, и он автоматически соберёт текстовые блоки полноценными абзацами, расставит по местам изображения и создаст палитру в Swatches


📷 Записал короткое видео, где показал разницу между стандартным хаотичным экспортом Figma и чистым результатом, который выдает мой плагин.

Что по деньгам:
Сейчас плагин на стадии доработки, поэтому он абсолютно бесплатный — забирайте и пользуйтесь. Позже, когда допилю финальную версию, сделаю 10 бесплатных выводов, а для тех, кому нужно постоянно — введу единоразовую оплату за бесконечный доступ. Никаких ежемесячных подписок, купил один раз и забыл.

Тестируйте, пользуйтесь и делитесь фидбеком в комментариях:
🌟 Texor в Figma Community

669 1 25 9 37

🏆 У нас получилось — «пара кило реактов» официально сработали

Благодаря вашей поддержке в канале Людочки, плагины взяли топ за май:

🥇 luqo | 🥈 KORD

Забрать золото и серебро в таком крупном канале — это очень мощно. Огромное спасибо каждому, кто кликал по ссылкам, ставил реакции, а главное — забирал плагины в работу и тестировал их на реальных макетах. Без вас этой магии бы не случилось.

Но выдыхать рано. Прямо сейчас я допиливаю еще одного маленького, но очень полезного цифрового хелпера. Скоро выкачу анонс, не переключайтесь! 👀

Небольшая просьба напоследок: если KORD или luqo экономят вам время, загляните на их страницы в Figma Community и нажмите на сердечко:

🔗 Ссылка на luqo

🔗 Ссылка на KORD

Это очень поможет плагинам подняться в глобальном поиск 🥺


Kord и luqo попали в Высшую лигу🏆

Мои плагины опубликовали у Людочки. Это крупный и классный канал, где регулярно собирают реально годные инструменты для Figma.

Рад оказаться в такой подборке, за что огромное спасибо админам канала! 🐰

А ещё они каждую неделю или месяц собирают подборку лучших плагинов. Давайте поможем Даше найти жулика плагинам попасть в эту подборку — насыпьте пару кило реактов тут и тут, пожалуйста 🎇


Редактируемый текст из Figma в Illustrator

Дизайнеры знают: собирать макет в Figma – кайф 👍 , а отдавать его в Illustrator с редактируемым текстом – боль 👎

Обычно это «прилетает» от типографий. В предпечатном отделе проверяют макеты на соответствие ГОСТам и ищут опечатки, поэтому всегда требуют версию, где текст можно поправить руками

Технически в Figma есть только один способ выгрузить живой текст – экспорт в SVG без галочки «Outline text». Но те, кто пробовал, знают «побочки»:

• Текст рубится по строкам, а не целыми блоками

• Верстка часто «съезжает» на пару пикселей

• Приходится тратить часы, чтобы пересобрать это в Иллюстраторе вручную

Я не раз проходил через этот ад. Когда подружился с нейронками для создания плагинов, подумал: «А что, если написать скрипт для Illustrator, который сам склеит эти строки?»

То было 4 месяца назад. Долго пыхтел, воевал с косяками и смещениями... в итоге сдался. А две недели назад нащупал решение

🖕 Новый алгоритм позволяет выгрузить текст так, что он не дробится на строки и сохраняет идеальную посадку – без малейшего смещения

Думаю, этот инструмент сэкономит уйму времени на предпечатке

Как вам идея? Если тема актуальна – маякните в комментариях, буду держать в курсе


Video is unavailable for watching
Show in Telegram
ЛИЦЕНЗИИ – В С Ё ❌

Больше не нужно гадать, можно ли использовать тот самый шрифт в коммерческом проекте или пора готовить бюджет. Обновил фонтпикер luqo, и теперь вопрос лицензий закрывается прямо внутри Figma

Что нового:
• Бейджи в карточках: Теперь у каждого семейства есть статус. Наведи на бейдж – увидишь условия использования, кликни – скопируешь название и ссылки на сайт автора

• Поиск по тегам: Хочешь только бесплатное? Пиши /free. Нужно проверить свои? Жми /local. Также работают /paid, /na и /google


Как это работает?
Я начал с базы в 997 шрифтов со своего компа, но благодаря вашей помощи и «сканеру» мы разогнали её до 3044 семейств! Огромное спасибо всем, кто делился метаданными – теперь база видит и лицензии, и поддержку кириллицы

🍷Плагин уже готов экономить ваше время – тестируйте и делитесь им с коллегами!

450 0 12 1 28

Совсем скоро выкачу обновление плагина luqo, в котором добавил карточкам шрифтов бейджи с лицензиями. Больше не придётся гуглить лицензию каждого шрифта. Всё видно сразу в карточке.

Теперь каждый шрифт помечен:
🟢 FREE – Шрифт бесплатный
🔴 PAID – Скорее всего шрифт платный
🟠 N/A – Нельзя точно сказать платный или бесплатный

Как это работает:
🖱 Наведи на бейдж – увидишь ссылки на автора шрифта
🖱Кликни на бейдж – скопируешь название и ссылки в буфер обмена, чтобы проверить лицензию

Но для формирования бейджей нужна база данных со шрифтами, а пока что в ней всего 1819 семейств шрифтов. Тут мне и понадобиться ваша помощь!

🔍 Как вы можете помочь:
Чтобы собрать большую базу шрифтов, нужно запустить на своем компе сканнер шрифтов. Он соберёт информацию о лицензии и поддержке кириллицы со всех шрифтов установленных на вашем компе, а затем обновит базу данных.


Оставьте любой комментарий, если могу постучаться в личные сообщения и кинуть вам сканнер✌


Давайте по-порядку: от простого к сложному

Собрал для вас гайд по созданию вебаппов и плагинов для Figma без глубоких знаний программирования.

Плагины для Figma:

🟢 Gemini + Scripter
Позволяет за 30 секунд создать простой скрипт, например: удалить все направляющие, найти объекты по определенному признаку, расставить объекты в особом порядке и тд

🟡 VS Code + QWEN / Cursor
Есть возможность собрать полноценный плагин со своим собственным UI, куда можно вынести все необходимые настройки скрипта


Вебаппы:

🟢 Figma Make
Красивые инструменты для генерации паттернов, конвертации файлов, создания шаблонов прямо внутри Figma. На борту топовые нейронки, однако позволяет сделать только 3 проекта бесплатно (но всегда можно удалить старый проект и сделать новый)

🟢 Google AI Studio
Безлимитный аналог Figma Make (нужен VPN)

🟡 Cursor IDE
Есть возможность создать субагентов, которые будут сами ставить друг-другу задачи и проверять их выполнение


Нет «лучшего» инструмента – каждый под свою задачу и уровень.


Video is unavailable for watching
Show in Telegram
🖼 Трафарет #003:

KORD – плагин для тех, кто устал вручную строить сетки логотипов

Вёрстка брендбука – это всегда рутина. Больше всего времени съедает «техничка»: вымерить охранные поля и отрисовать геометрию, по которой строился логотип.

Я сделал KORD, чтобы автоматизировать этот процесс:
• Logo Guidelines – в пару кликов создает сетку и конструктивные линии лого.
• Safe Areas – мгновенно рисует охранные поля (зоны отчуждения).
• Подача – делает техническую часть красивой для презентаций или кейсов на Dprofile.

Что нового в последнем обновлении:
🇷🇺 Локализация – добавил русский язык.
💡 Подсказки – при наведении на настройки всплывают tooltips, чтобы всё было понятно.
🎨 Color Picker – теперь цвет линий можно выбрать в палитре прямо в окне плагина, а не вбивать HEX-коды.

Плагин бесплатный и доступен в Figma Community.

Сейчас KORD закрывает все мои основные задачи. Чего не хватает вам? Пишите в комментариях идеи по улучшению или мысли для новых плагинов – обсудим! 👇


Video is unavailable for watching
Show in Telegram
🖼 Трафарет #002:

Luqo – плагин для осмысленного подбора шрифтов в Figma

Luqo родился из усталости от рутины. Когда ищешь шрифт для логотипа, важно всё: визуал, лицензия, начертания и – самое больное – поддержка кириллицы. В стандартной галерее Figma неясно, есть ли в шрифте нужные символы, пока не применишь его, а прыгать в Google Fonts и обратно – долго.

Я собрал плагин, который закрывает эти пробелы прямо в интерфейсе Figma:
• LiveView – видишь свой текст во всех шрифтах сразу.
• Умные фильтры – только кириллица, только бесплатные для коммерции или конкретные веса.
• Google Fonts + Local – удобное разделение онлайн-библиотеки и установленных шрифтов.
• OnClick – нажал на превью, и шрифт уже на макете.

🔗 Я сделал этот плагин для себя и коллег – он абсолютно бесплатный и уже доступен в Figma Community. Пользуйтесь!

Что планируется добавить:
• Избранные шрифты
• Фильтр по вариативным шрифтам
• Ручная разметка лицензий для локальных шрифтов
• Подключение внешних шрифтотек по API


Video is unavailable for watching
Show in Telegram
🖼 Трафарет #001

На днях обратился друг мой, Ваня, тимлид. У него клиент увидел обои в macOS и сказал: «Хочу так же». Ну раз клиент хочет, значит надо делать.

Однако рисовать такие паттерны вручную в Figma — долго и болезненно. Любая правка превращается в часы работы.

Он хотел собрать генератор при помощи Cursor, и попросил совета по промптам. Но задача оказалась настолько интересной, что я не смог ограничиться советом и на пару с нейронкой сделал это сам.

Решил выложить вебапп здесь. Если столкнётесь с запросом «как у Apple» — теперь знаете чем закрыть.

Как использовать:
Скачать файл → Открыть в браузере → Наслаждаться.


📐 ТРАФАРЕТ — про умную лень в дизайне

Привет! Я дизайнер с инженерным складом ума.
Не стал программистом, но автоматизирую всё, что можно.

💡 ФИЛОСОФИЯ КАНАЛА:

Моя учительница информатики говорила:
«Куда ты спешишь? Найди рациональный путь — где
при меньших усилиях быстрее решишь задачу»
.


С таким подходом я не ограничиваю себя в творчестве, скорее выстраиваю архитектуру макета так, чтобы его можно было растиражировать за секунды, а правки вносились сразу во все файлы.

🛠 ЧТО БУДЕТ В КАНАЛЕ:

• Плагины для Figma (автоматизация рутины)
• Креативный кодинг (эксперименты)
• Веб-аппы на нейронках (генеративный дизайн)

20 last posts shown.