Трафарет

В Фигме новая фича! В настройках текстового блока (в самом низу) появился параметр Wrap Style. Он позволяет красиво и равномерно распределять слова по строкам, чтобы не оставалось «висячих» одиноких слов. Важно: Это не классический перенос по слогам. Фигма просто аккуратно переносит слова целиком, делая текстовый блок визуально сбалансированным. Кстати, год назад дизайнер просил об этом на форуме Figma — и вот, наконец-то дождались!

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

Pixel Guard — это фоновый помощник для Figma Зачем: иногда у фреймов координаты или размеры «кривые» — не целые пиксели, а вроде 100.3 или 52.7. На экране это почти не видно, но потом верстка/экспорт могут поехать Что делает: 1. Сам смотрит страницу раз в минуту (и сразу при запуске) 2. Ищет кривые фреймы 3. Если нашёл — пишет: «Нашёл столько-то кривых» 4. Кнопка Выделить — показывает их на холсте 5. Ты можешь снять выделение с тех, которые не стоит трогать 6. Кнопка Исправить — округляет оставшиеся до целых пикселей На просторах фигмы есть куча плагинов, которые исправляют кривые размеры фреймов, но ты их запускаешь постфактум, только тогда, когда ты заметил кривые фреймы А Pixel Guard старается делать так, чтобы ты сразу видел такие фреймы и мог их оперативно поправить Скачать тут Как установить показал в комментах

Сделал плагин, который наконец-то ИДЕАЛЬНО переносит текст из Figma в Illustrator Дизайнеры упаковки, мерча и полиграфии, этот пост для вас. Мне часто приходится готовить макеты к печати с редактируемым текстом. Обычный экспорт из Figma в формат SVG вы все знаете — если, конечно, вообще знали про скрытую галочку «Outline Text» в настройках, которую фиг найдёшь. Но на выходе всё равно получается ад: текст бьется на случайные куски, а Иллюстратор не понимает обычные переносы строк и щедро сыпет в макет те самые символы «тофу» — пустые квадраты. Сидеть и вычищать их вручную — непозволительная трата времени. Особенно, если привык собирать всё на автолейаутах и быстро вносить правки. Поэтому я разработал Texor. 1. Тыкни «Скачать» и плагин создаст ZIP-архив 2. Распакуй его 3. Перетащи JSX-файл в Illustrator, и он автоматически соберёт текстовые блоки полноценными абзацами, расставит по местам изображения и создаст палитру в Swatches 📷 Записал короткое видео, где показал разницу между стандартным хаотичным экспортом Figma и чистым результатом, который выдает мой плагин. Что по деньгам: Сейчас плагин на стадии доработки, поэтому он абсолютно бесплатный — забирайте и пользуйтесь. Позже, когда допилю финальную версию, сделаю 10 бесплатных выводов, а для тех, кому нужно постоянно — введу единоразовую оплату за бесконечный доступ. Никаких ежемесячных подписок, купил один раз и забыл. Тестируйте, пользуйтесь и делитесь фидбеком в комментариях: 🌟 Texor в Figma Community

🏆 У нас получилось — «пара кило реактов» официально сработали Благодаря вашей поддержке в канале Людочки, плагины взяли топ за май: 🥇 luqo | 🥈 KORD Забрать золото и серебро в таком крупном канале — это очень мощно. Огромное спасибо каждому, кто кликал по ссылкам, ставил реакции, а главное — забирал плагины в работу и тестировал их на реальных макетах. Без вас этой магии бы не случилось. Но выдыхать рано. Прямо сейчас я допиливаю еще одного маленького, но очень полезного цифрового хелпера. Скоро выкачу анонс, не переключайтесь! 👀 Небольшая просьба напоследок: если KORD или luqo экономят вам время, загляните на их страницы в Figma Community и нажмите на сердечко: 🔗 Ссылка на luqo 🔗 Ссылка на KORD Это очень поможет плагинам подняться в глобальном поиск 🥺

Kord и luqo попали в Высшую лигу🏆 Мои плагины опубликовали у Людочки. Это крупный и классный канал, где регулярно собирают реально годные инструменты для Figma. Рад оказаться в такой подборке, за что огромное спасибо админам канала! 🐰 А ещё они каждую неделю или месяц собирают подборку лучших плагинов. Давайте поможем Даше найти жулика плагинам попасть в эту подборку — насыпьте пару кило реактов тут и тут, пожалуйста 🎇

Редактируемый текст из Figma в Illustrator Дизайнеры знают: собирать макет в Figma – кайф 👍 , а отдавать его в Illustrator с редактируемым текстом – боль 👎 Обычно это «прилетает» от типографий. В предпечатном отделе проверяют макеты на соответствие ГОСТам и ищут опечатки, поэтому всегда требуют версию, где текст можно поправить руками Технически в Figma есть только один способ выгрузить живой текст – экспорт в SVG без галочки «Outline text». Но те, кто пробовал, знают «побочки»: • Текст рубится по строкам, а не целыми блоками • Верстка часто «съезжает» на пару пикселей • Приходится тратить часы, чтобы пересобрать это в Иллюстраторе вручную Я не раз проходил через этот ад. Когда подружился с нейронками для создания плагинов, подумал: «А что, если написать скрипт для Illustrator, который сам склеит эти строки?» То было 4 месяца назад. Долго пыхтел, воевал с косяками и смещениями... в итоге сдался. А две недели назад нащупал решение 🖕 Новый алгоритм позволяет выгрузить текст так, что он не дробится на строки и сохраняет идеальную посадку – без малейшего смещения Думаю, этот инструмент сэкономит уйму времени на предпечатке Как вам идея? Если тема актуальна – маякните в комментариях, буду держать в курсе

ЛИЦЕНЗИИ – В С Ё ❌ Больше не нужно гадать, можно ли использовать тот самый шрифт в коммерческом проекте или пора готовить бюджет. Обновил фонтпикер luqo, и теперь вопрос лицензий закрывается прямо внутри Figma Что нового: • Бейджи в карточках: Теперь у каждого семейства есть статус. Наведи на бейдж – увидишь условия использования, кликни – скопируешь название и ссылки на сайт автора • Поиск по тегам: Хочешь только бесплатное? Пиши /free. Нужно проверить свои? Жми /local. Также работают /paid, /na и /google Как это работает? Я начал с базы в 997 шрифтов со своего компа, но благодаря вашей помощи и «сканеру» мы разогнали её до 3044 семейств! Огромное спасибо всем, кто делился метаданными – теперь база видит и лицензии, и поддержку кириллицы 🍷Плагин уже готов экономить ваше время – тестируйте и делитесь им с коллегами!

Совсем скоро выкачу обновление плагина 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 Есть возможность создать субагентов, которые будут сами ставить друг-другу задачи и проверять их выполнение Нет «лучшего» инструмента – каждый под свою задачу и уровень.