Text Magic

Это плагин, который позволяет быстро генерировать тексты по шаблону, с переменными или из CSV-файла Install ️

В видео я рассказала пошагово цепочку действий – посмотрите для начала его!📹 Благодаря моей инструкции Claude сможет быстрее сообразить как сделать такую 3D 🔠 (это не отдельно загруженная 3D-модель, все эти буквы описаны прямо в коде, соответственно, вы сможете поменять их на свои) → 1. Инструкцию нужно складывать в ту же папку, где у вас лежат все файлы по сайту (в данном проекте шрифты + те файлы, что вы будете делать по инструкции)/либо прикреплять её к чату с ссылкой на макет и другие материалы (но я советую работать из папки) 2. Также важно повторять все те действия, что описаны в ней – так как там пошагово сказано как и что делать не только с точки зрения дизайна, но и как подготовить материалы ⚠️Я постаралась сделать эту инструкцию еще легче и понятнее, чем предыдущую – никакие дополнительные материалы/файлы, кроме макета в Figma + шрифтов, вам не понадобятся (все остальные файлы вы делаете сами по инструкции) Ссылка на инструкцию🔗 *Выше я делала инструкцию как скачать/зайти/установить Claude #полезное #клод

На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2. Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему. Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие. Как пользоваться, если ты диз? 1. Открыть файл на GitHub A11Y.md из папки docs/en/ 2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md» 3. Скинуть файл или ссылку на свой проект 4. Готово! Что внутри репозитория: ⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов. 📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам. 🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга. 📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера. Немного того, что важно для дизайнера: → Контраст текста должен быть 4.5:1, элементов UI — 3:1 → Нельзя передавать состояние только цветом — нужны иконка + текст + цвет → Минимальный размер кнопки — 44×44px → Плейсхолдер не заменяет подпись к полю → Графики обязаны различаться без цвета — текстурами или штриховкой и многое другое Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )

👋 Всем привет, возвращаюсь в канал после небольшого перерыва с новой модификацией ) Сделала для себя вот такой простенький прелоадер для Тильды с помощью ChatGPT (в демонстрации мой ученический проект с курса Тильды Про, кстати 🤭) Фишка данного прогресс бара в том, что он имитирует реальную загрузку страницы, а не просто делает определенную паузу на экране загрузки. Сделать прямо таки настоящий прогресс бар загрузки для Тильды нельзя по утверждению нейронки, поэтому она сделала имитацию, очень близкую к реальному процессу загрузки сайта. По моим тестам все очень даже правдоподобно выглядит и совпадает с реальным временем загрузки. ⭐️ Код прелоадера в файле в комментариях к посту. ✨ В начале кода вынесены все основные настройки, которые вам могут понадобится для стилизации под дизайн вашего сайта (обратите внимание, что есть ряд настроек отдельно и для мобильной версии) — все подписано комментариями. ❤️ Если у вас есть вопросы по редактированию кода — дайте знать в комментариях 😊 #тильда #модификации #прелоадер

Установка Файл ps.command.palette.plugin_PS.ccx открыть при наличии приложения Creative Cloud Desktop. Ручной способ — открыть файл архиватором и извлечь в папку Plug-ins вашего Фотошопа. Запуск После перезапуска Фотошопа плагин появится в меню Plugins → Ps Command Palette → Launch Ps Command Palette. Команду Launch можно добавить в экшен и назначить горячую клавишу, чтобы быстро вызывать поиск. #other_author #photoshop #utility

В видео я рассказала пошагово цепочку действий – посмотрите для начала его!📹 Благодаря моей инструкции Claude сможет быстрее сообразить как сделать скролл по видео + пространственную галерею → 1. Инструкции нужно складывать в ту же папку, где у вас лежат все файлы по сайту (шрифты, фото, видео и т.д)/либо прикреплять её к чату с ссылкой на макет и другие материалы (шрифты, фото, видео и т.д). 2. Также важно повторять все те действия, что описаны в ней – так как там пошагово сказано как и что делать не только с точки зрения дизайна, но и как подготовить материалы Ссылка на инструкцию🔗 *Выше я делала инструкцию как скачать/зайти/установить Claude #полезное #клод

Покажем варианты создания личного сайта технически и идеологически! Куратор: R. Ripsime Что будем делать? Исследуем как лучше сделать свое портфолио сегодня, какие есть секреты найма и как лучше показать свои сильные стороны. Что понадобиться? Доступ в интернет, фигма или любой графический редактор, а также фото/текстовые файлы по вашим проектам! Хотите получить ревью своего портфолио? Тогда заполняйте форму по ссылке, укажите ваше актуальное портфолио и приходите на встречу! Встречаемся онлайн: 9 мая, 18:00 по мск Ссылка будет в канале в день встречи. Участие бесплатное, без регистрации.

Чтобы вообще был не нужен тот этап, когда скроллишь бесконечный поток вариантов до ряби в глазах 😵‍💫 А теперь представьте, что искать вообще не нужно. 🪄✨ Просто открываешь файл и дизайнишь нужные слова сам.Спокойно, в творческом потоке, на вдохновении. Не как что-то усложняющее жизнь, а как естественное продолжение своей работы и чистое творчество. 🐸 Нужен детский проект — ты чуть смягчаешь форму, даёшь буквам разную ширину, добавляешь лёгкую неровность. И слово сразу становится тёплым, живым, как будто его нарисовали от руки. 🐬 Нужен спортивный — ты усиливаешь ритм, даёшь наклон, собираешь форму плотнее. И в буквах появляется напряжение, энергия, ощущение движения. 🐍 Нужен элегантный — ты работаешь тоньше. Чуть меняешь пропорции, расстояния, характер штрихов. И из тех же базовых форм рождается спокойное, уверенное, дорогое решение. И в какой-то момент ты ловишь себя на ощущении, что это легко в своей естественности. Что так и должно быть. Потому что ты – дизайнер. Ты можешь создавать из пятен нужное ощущение и придавать ему форму. И да, это тот самый момент, где работы начинают отличаться. Ты как специалист начинаешь очень-очень-очень сильно отличаться от массы. Если хочется стать таким спецом – приходите на СТРИМ 4 мая. Я покажу как это работает ✨ #этоЗНАК

Я сейчас провожу Reddit-исследование на 1250 постах по цифровой доступности. И мне нужно сделать так, чтобы Claude искал только по моей базе, а не во всем интернете.  Недавно Андрей Карпаты (один из основателей OpenAI) выложил в X пост о том, как он хранит информацию как .md файлы (обычные текстовые файлы) и подключает Claude напрямую к этим знаниям. Почему это лучше, чем просто загружать файлы в чат? Каждая сессия Claude начинается с чистого листа — приходится заново объяснять контекст. Claude Code подключён к папке постоянно через терминал: один раз структурировала знания, и они работают во всех следующих сессиях.  Настроила примерно за час и то, потому что протупила с путями, куда что сохранять. А так оч быстро ) Потом полдня писала эту инструкцию ) Буду рада вашим реакциям ) В будущем хочу попробовать: настроить поиск по смыслу (семантический), а не по точным словам: чтобы Claude находил «усталость», даже если в заметке написано «выгорание». Автоматизировать обработку новых источников — положила файл в папку, он сам превратился в структурированную заметку. И сделать так чтобы Claude знал базу без чтения файлов каждый раз, как это делает Notebook LM. Карпаты об этом тоже писал. ⚡️Написала инструкцию на VC⚡️ ___ en<able> - о дизайне в A11y | Наши статьи на VC

С AI в разработке почти у всех один и тот же цикл. В первой сессии он быстро собирает красивый экран, во второй начинает придумывать новые токены, в третьей путает отступы, а к десятой у вас уже ощущение, что продукт собирали три разные команды. Проблема не в том, что модель «плохая», а в том, что она не читает дизайн-систему так, как читает ее человек. В статье предлагают довольно практичный подход: сделать дизайн-систему понятной для LLM через спецификации, закрытый слой токенов, обязательный аудит и инструкции для каждой новой AI-сессии. То есть не надеяться, что модель сама догадается, какой у вас синий, какой радиус у кнопки и как должен собираться layout, а дать ей это в явном виде. На примере с Atlassian после такого подхода убрали 418 хардкодных значений из 28 файлов и свели их к системе токенов и спецификаций. Внутри: – Почему LLM не мыслят дизайн-системами и постоянно начинают с нуля; – Как из-за этого в прототипах копятся сотни мелких визуальных расхождений; – Зачем проекту нужны spec-файлы, которые модель читает в каждой сессии; – Почему закрытый слой токенов лучше, чем «разумные» догадки модели; – Как аудит ловит хардкодные цвета, отступы и другие нарушения до коммита; – Зачем связывать AI-инструкции, токены и CI в одну систему; – Как устроена структура спецификаций: foundations, tokens, components, patterns; – Почему такой подход особенно важен для больших прототипов и длинных AI-итераций. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Плагин для перобразовывания PDF файлов в редактируемые Figma макеты 📄 Скачать плагин 📄 #plugin

Ростелеком показал отечественного убийцу Фигмы под названием Спектр. Штуковина пока в закрытом бета-тесте, но обещают аналогичный дизайн и базовый функционал, да возможность импортировать фигмовские файлы. Ну а как официально выкатят, то там и блокировочка этой самой Фигмы глядишь назреет, а затем и обязаловка для всех дизайн-команд и студий работать только в детище Ростелекома. Тогда и заживём как следует. #вести @vestochka_design

▪️С одной стороны — некоторые плачущие дизайнеры: «Заказов нет, конкуренция бешенная, клиенты — жмоты, которым нужен только дизайн за копейки». ▫️С другой стороны — предприниматели, которые буквально рвут на себе волосы: «Где найти нормального специалиста?! Ребята, вы же просто созданы друг для друга. Почему не случается мэтч? Спойлер: работы на рынке навалом. Каждому второму бизнесу прямо сейчас нужна упаковка, презентации, баннеры, айдентика. Проблема не в том, что работы нет, а в том, что адекватных дизайнеров, с которыми нормально и предсказуемо работать, днем с огнем не сыщешь. И они все заняты на полгода вперед. 📍Давайте честно, если у вас в портфолио лежат классные картинки, а денег на карте нет — перестаньте врать самим себе. «Рынок просел», «клиенты ничего не понимают в прекрасном» — это отличные отмазки, чтобы ничего не менять. Но проблему они не решают. Решает только честный взгляд на то, где вы косячите. Может, ваш дизайн и красивый, но бизнес не понимает, как эту красоту применить к его продажам. Может, вы технически боженька иллюстратора, но работать с вами — чистый стресс: пропадаете, не предупреждаете о сроках, реагируете на правки как на личное оскорбление. Может быть, вы пытаетесь делать всё подряд и ни в чём не выглядите как специалист. 📌Все это можно исправить, было бы желание. Пересмотреть портфолио, подачу, позиционирование. Разобраться, как выстраивать работу с клиентом от первого сообщения до финальной отправки файлов. Научиться не просто делать дизайн, а делать так, чтобы к вам хотели вернуться.

Когда начинал делать приложение, общался с AI в чате, держал контекст в md-файлах, а сам список задач лежал где придётся. Чуть позже понял, что это неудобно, тк каждый раз приходилось заново объяснять, что происходит, и весь контекст жил у меня в голове Потом подумал, что можно использовать трекер задач не только как список задач по проекту для себя, а ставить конкретные таски для агента с описанием, ссылками на код и критериями приемки. GitHub Projects, Notion, Linear — не супер-важно. Главное то, что там можно держать еще и состояние проекта, планы и принятые решения Тогда каждая задача становится полноценной карточкой с контекстом. Один раз описываешь, что нужно сделать и почему, а потом просто говоришь агенту: «возьми в работу задачу #42». Не нужно каждый раз восстанавливать картину с нуля Подключается все через коннекторы в Claude Code или Codex, а по созданию задач всё просто: можно сначала описать ее своими словами, потом вместе с AI немного докрутить детали и критерии приёмки

👉 fonts.oblch.ru Сейчас там: — 1355 шрифтов (+520) — Можно проверить любой текст до установки — Есть поиск и 3 фильтра (пока что) — Можно скачать файл отдельно или сразу всё — Инструкции для всех устройств Архивы на канал буду добавлять и дальше, чтобы можно было обновляться. Но с текущими шрифтами закину чуть позже, пока лучше сайт потыкайте ⏳ Это первый релиз и мне очень важна обратная связь! Если вдруг что-то не работает или есть идеи по улучшениям — пишите в личку @oblachnii

В последнем обновлении появилась возможность экспортировать проект в один HTML-файл для прямой отправки клиентам. ✅ Плюсы • Плавное воспроизведение, максимально возможное качество • Просмотр всех анимации и скинов с элементами управления плеера • Один файл, удобно делиться • Настройка скорости и отладка анимации ❌ Минусы • Нет превью при отправке, нужно открывать файл или ссылку • Большой вес при работе со сложными проектами • Не подходит для платформ без поддержки HTML • Нет встроенной системы отзывов или комментариев • Длительная загрузка (все ресурсы грузятся сразу) Пример: https://warmanw.com/spine/wildlife/horse.html

Интерфейс на 90% состоит из текста. UX-редакторов, как правило, очень мало. В нашей команде их два, но даже они физически не смогут отревьювить все наши интерфейсы. Поэтому мы-дизайнеры стараемся сами писать простой, понятный и дружелюбный текст, следуя редполитике, которую составили редакторы. В команде дизайна взяли курс на разумную ИИ-зацию. Я решил собрать плагин для Фигмы, который будет проверять текст по редполитике и писать замечания. До этого никогда не вайбкодил :) Но опыт разработки был. Впервые поставил Codex от ChatGPT и написал промпт: Создай плагин для Figma, чтобы проверять тексты в макетах дизайнеров на соответствие редполитике. Редполитика лежит в приложенном файле. Сценарий использования: — Дизайнер запускает плагин — Выделяет секцию или фрейм, где нужно проверить тексты — Плагин сверяется с редполитикой и выводит список замечаний. У каждого замечания есть короткое описание, почему оно появилось. И рекомендация исправления. При нажатии на замечания происходит фокусирование на нужном фрейме. [редполитика.pdf] И с первого раза получился аккуратный чистый интерфейс и работающий алгоритм. Я намеренно не использовал API нейронки, чтобы не передавать наши интерфейсы хрен-пойми куда и не зависеть от лимитов. Всё работает на регулярках и простых ифчиках. Потестил немного и сделал доработки: — Доработал UI: добавил больше отзывчивости в кнопки, лоадеры, состояния, убрал лишние элементы, добавил группировку замечаний, привёл к нашему стилю, добавил тёмную тему. — Добавил много исключений, чтобы убрать ложные срабатывания. — Значительно ускорил плагин с помощью кеширования, добавлении быстрой пред-проверки, уменьшению размера первого батча (оказывается, это подход ramp-up batching). — В конце добавил самое главное: кнопки для автоматического исправления замечаний. Начали активно тестировать в команде. Дизайнеры в восторге; редакторы тоже рады, потому что могут прогонять макеты плагином перед своей работой. Будем продолжать тестировать и улучшать качество плагина. А вы ИИ-зируетесь в дизайне?

речь именно про инструменты вайб-кодинга, а не no-code конструкторы типа Lovable. Что можно сделать с нуля и без опыта? - попросить ИИ сделать простой сайт-визитку - поправить текст и кнопки на странице - собрать тулзу для дизайна/редактирования фотографий - найти ошибку в коде, если что-то не запускается - разобрать чужой проект и объяснить, где что лежит - пошагово составить план, как сделать свою идею, даже если сам пока не очень понимаешь, с чего начать Здесь принцип работы такой: ИИ может работать с файлами на твоём компе, с папками, проектами, кодом, терминалом, а местами и помогать с другими рабочими задачами вокруг проекта. Где вайбкодить бесплатно? Cursor - самый простой для входа, скачал, установил и в бой. Это редактор кода с ИИ, куда можно писать почти человеческим языком: “сделай форму”, “объясни этот файл”, “почини ошибку”. У бесплатного тарифа есть небольшой лимит, но чтобы просто попробовать - этого хватает. Qwen CLI - вариант для тех, кто готов немного подружиться с терминалом. Звучит страшнее, чем есть на самом деле: по сути это способ общаться с ИИ прямо у себя на компьютере, чтобы он помогал смотреть файлы, менять код и разбираться в проекте. Сам инструмент бесплатный, лимитов хватает, чтобы делать небольшие проекты. OpenCode - отличный вариант, если хочется чего-то помощнее, или есть небольшой опыт в разработке. У него есть бесплатные модели из коробки, так что на старте можно попробовать даже без подписки и ключей. А если потом захочется больше гибкости — можно уже подключить свои модели от других провайдеров, в том числе бесплатные через OpenRouter. Плюс у OpenCode есть агенты для кодинга: 1. Build - когда надо делать, 2. Plan - когда надо сначала подумать и разложить все по шагам. Встроенный режим планирования помогает сначала продумать, как подступиться к задаче, даже если ты не программист, и только потом можно переключиться в режим реализации, когда агенты начнут программировать этот план за тебя. Итого: Cursor - скачал, поставил, всё ты вайбкодер. Qwen CLI - если хочешь почувствовать себя немного кулхацкером. OpenCode - если хочется сразу осваивать актуальный и мощный инструмент с агентами, планированием и возможностью расти дальше. не откладывай на завтра, потрогай вайб-кодинг сегодня и делись результатами! на курсе Повседневное Использование Нейросетей с 14.04 есть весомый блок по вайбкодингу, где мы пройдём полный путь с нуля до создания веб сервисов, телеграм ботов, онлайн игр и других инструментов, решающих ваши повседневные задачи! мы снизили стоимость курса, чтобы у каждого была возможность пройти обучение, приходите! 🤩 купить курс 🤩

4 апреля с нами на Удаленке с 14:00 до 15:30 Виталий Кузьмин из Паратайп Тема: От эскиза к шрифтовому файлу Как из набора отдельных нарисованных букв построить шрифтовой файл, готовый для работы в макете. Разберём: — какой минимальный набор знаков нам может пригодиться в шрифте — как перенести нарисованные знаки в шрифтовой редактор — как выстроить взаимосвязи между знаками — какие есть возможности манипуляции с глифами — что такое кернинг, зачем он нужен и как его сделать — как построить готовый для работы файл шрифта Забить место на Удаленку и посмотреть программу можно по ссылке https://multibranding.ru/remote

#вдохновение@zhurnalus_lite #сайт@zhurnalus_lite