📋Урок-практика 2. «Разбор и практика в Figma: создание главного экрана сайта»

Практический урок, где мы знакомимся с программой Figma сразу на практике по сборке главного экрана сайта! Включайте видео и повторяйте за тем, что я делаю, так будет намного легче – дизайн не из самых простых. Можете замедлять/ускорять его, самое главное, пишите, если у вас вдруг что-то не выходит, отправляйте свои вопросы/видео – я буду разбирать все прямо тут в комментариях, чтобы вы точно поняли (также вы можете писать мне в ЛС) 💖 Для удобства прикрепляю также ссылку урока на YouTube ✅ ⚠️Что обязательно нужно сделать перед уроком? 1. Зарегистрироваться в Figma (можно работать прямо в браузере, можно установить приложение на компьютер) 2. Перейти по этой ссылке (это будет ваш учебный файл после того, как вы его скопируете к себе) 3. В верхней части экрана, а именно в левом углу, будет название файла «Обучение по веб-дизайну (веб лаб.)» – кликаем на стрелочку справа от него и у вас появится выпадающий список – выбираем команду «Duplicate» Готово! Этот файл продублируется в ваши черновики (Drafts), и теперь вы сможете работать там (не переживайте – его видите только вы, а сам файл будет иметь пометку Copy в названии) ‼️Домашнее задание Необходимо повторить главный экран по моему уроку и прислать его на проверку (если у вас уже есть опыт, то вы можете сделать 2 версию главного экрана или вообще свою на базе нашего концепта) 1. Присылать его нужно мне в ЛС 2. В Figma, в правом верхнем углу у проекта нажимаем на синюю кнопку «Share» → и выбираем в появившемся окне кнопку «Copy link» → проверяйте доступ, чтобы был выбран пункт «Anyone → Can view» (иначе у меня не будет доступа) 3. Домашнее задание будет проверено примерно в течение 48 часов (все Д/з можно сдавать до 30 авгутса включительно) #бесплатник

19 августа в 19:00 разберём, где нейросети действительно экономят время дизайнеру: от почты и созвонов до референсов, файлов и собственных рабочих инструментов, вход свободный спикер: Соня Сурм — куратор курса Повседневное Использование Нейросетей, художник и графический дизайнер, автор нейрокурса в Британской высшей школе дизайна, проходила обучение по ИИ от Google и Anthropic. на открытой лекции: разберём ваш обычный рабочий день и найдём процессы, которые можно передать ИИ. покажем, как суммаризировать письма и встречи, превращать договорённости в задачи, искать и анализировать референсы, организовывать файлы и собирать собственные простые инструменты без знания кода. участники лекции получат: • карту задач, которые можно автоматизировать • 5 конкретных сценариев использования ИИ в работе • понимание, какие процессы стоит делегировать нейросетям, чтобы освободить время для более важных и творческих задач 🙂 регистрация 🙂

«А зачем теперь Illustrator?» Отвечаю. Пять нейросетей протестировала лично: ChatGPT, Fermat, NewArc, The New Black, Style3D. Все умеют генерировать что-то похожее на технический эскиз. Все выглядят убедительно на скриншоте. ▪️ Ни один файл не открывается в Illustrator, как редактируемый вектор, только как трассировка. Ни в одном из результатов нет гарантии технологической корректности. Застёжки, которые невозможно выполнить. Швы, которые идут не туда. Детали, которые исчезают или искажаются при увеличении. Нейросеть знает, как одежда выглядит на картинке. Illustrator знает, как одежда существует в производстве. ➡️ Это разные задачи. Есть ещё один аргумент, о котором говорят реже. Из 72 вакансий дизайнеров одежды, которые я анализировала, Adobe Illustrator в требованиях присутствует в подавляющем большинстве. Нейросети иногда встречаются и чаще для маркетплейсов и создателей контента. И это требование не «уметь пользоваться», а «уверенный пользователь». ➡️ Рынок голосует не за хайп. За результат. Illustrator не умер. Он стал ещё нужнее, потому, что теперь вокруг него появились инструменты, которые ускоряют творческую часть. Нейросети дают референс и визуализацию. Illustrator превращает это в документ, по которому можно шить. Один без другого - половина результата. ‼️ Именно поэтому я открываю предзапись на осенний поток курса Adobe Illustrator для дизайнеров одежды. Не потому что нейросети не работают. А потому что они работают лучше, когда есть база. Оставить заявку 👉🏻 ССЫЛКА

Подготовила для вас файл в Notion с вопросами, к которым стоит подготовиться перед собеседованием! Эти вопросы появились не просто из головы: я сама пересматривала записи разных собеседований, а ещё постоянно смотрю записи собеседований студентов и прошу их делиться обратной связью. Так и собрался список вопросов, которые действительно встречаются на собеседовании 💻 🔗 Ссылка на вопросы Сохраняйте её к себе и ставьте реакции, если было полезно❤️ #полезное

Исправил обработку нелатинских имён Скрипт теперь корректно находит файлы в папках с названиями на русском и других языках. Добавил варианты поиска изображений — Если в Иллюстраторе в тексте указано имя + расширение, например, apple.jpg, скрипт ищет точный файл. — Если расширение не указано или такой файл не найден, он автоматически подберёт первое найденное по базовому имени изображение apple. Обновление отправил на электронную почту покупателям (могло попасть в папку «Спам»). Купить скрипт в рублях / долларах #illustrator #item #paid

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

Теперь вы можете добавить на сайт файлы llms.txt и llms-full.txt. Такие файлы могут стать частью стратегии GEO — оптимизации сайта, чтобы нейросетям было проще понимать и использовать его контент. Это особенно полезно, если вы хотите, чтобы нейросети точнее отвечали на вопросы о вашем бренде, продуктах или сервисах. Какие нейросети читают llms.txt: Российские: — Алиса AI (Яндекс) — GigaChat (Сбер) — YandexGPT Международные: — ChatGPT (OpenAI) — Perplexity AI — Google Gemini — Anthropic Claude — DeepSeek — Qwen (Alibaba) — SearchGPT (OpenAI) Где найти: Настройки сайта 👉 SEO 👉 Дополнительно #tildaupdates

Спрашивайте ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Для этого нужно отметить этот канал в любом удобном виде @dd_top Можно в сторис, можно пост в своем канале Запись эфира готовится, как будет - выложу сюда. Можно написать отзыв о эфире, ваши друзья/знакомые смогут тоже его посмотреть Скиньте скрин отметки мне (@marketing_top_1) , я вам пришлю файл 😌

Плагин для импорта PSD файлов прямо в Figma. Все слои, стили и текста остаются. 💎 Попробовать плагин 💎 #plugin

ценный тейк: эволюция начинается тогда, когда ты переходишь к сборке системной ai-архитектуры. разгоним, как применить этот подход на уровне ежедневных задач: ⚪️ память (оцифровка): превращай лучшие кейсы, рефы, правки, чаты и звонки в структурированный набор данных. лева использует для созвонов talat, а на каждый чих — obsidian и маркдаун-файлы. так ии станет ассистентом, который знает твой вкус и контекст проектов. ⚪️ интерпретация (аналитика): заставь ии делать выводы из накопленного. пиши промпты для сверки: пусть модели чекают логику ваших макетов, подсвечивают ошибки в сценариях или анализируют интерфейсы конкурентов, сравнивая их с вашим подходом. ⚪️ агентность (персональные инструменты): собирай микро-агентов под конкретную рутину. например, ресерч-агента (собирать скриншоты рынка), текстового (писать копи в нужном стиле) или арт-директора, который перед сдачей проверит компоненты и отступы по чек-листу. дальше вся эта экосистема уходит в прогнозирование и адаптацию, когда нейронки начнут сами перестраивать процессы под тебя. кстати, подробнее о том, как мы сливали на подписки 300к автоматизируем процессы с нейронками ⚪️ лева недавно рассказал на Сбер Дизайн Фесте.

Каждый запрос в API.SINTEZ.SPACE сохраняется автоматически: модель, промпт, выделенная область, результат, стоимость. Вы можете вернуться к любой предыдущей итерации, воспроизвести её на другом фрагменте или передать коллеге. Принципиально важно: результаты генерации сохраняются непосредственно в PSD-файле в виде отдельных именованных слоёв. Каждый слой подписан — указаны модель, провайдер и параметры запроса. Открывая файл спустя время или получая его от коллеги, вы сразу видите, кто генерировал фрагмент, на какой модели, с каким промптом и по какой стоимости. Ничего не теряется и не требует восстановления по памяти. Для студий, где над проектом работают несколько специалистов, это устраняет один из основных источников хаоса при передаче файлов. Удачные формулировки для конкретных материалов, сцен и стилистик синхронизируются в командной библиотеке промптов и становятся активом студии, а не личной заметкой отдельного специалиста. 🔗Ссылка на сайт плагина 📣Телеграм канал плагина #аписинтез @sintez_space

Обновили формат игровой дайджеста, который выпускаем уже больше года! Теперь внутри ещё больше кейсов, цифр и попыток их осмыслить. Собираем только то, что можно адаптировать под бизнес и откуда можно черпать вдохновение Внутри 4 блока 01 Мобильные игры и игровые механики 02 Тренды индустрии 03 Геймификация брендов 04 Итоги Читайте дайджест на нашем сайте Или забирайте файл из комментариев ____________________ 🎵 Прошлые выпуски Выпуск 1 Выпуск 2 Выпуск 3 Выпуск 4 Выпуск 5 Выпуск 6 Выпуск 7 Выпуск 8 Выпуск 9 Выпуск 10 Выпуск 11 Выпуск 12 @webzdelnya

Смотри туть) Интересный кейс. Клиент пришел с фото офиса, где еще нет ремонта и лежат всякий строительные мешки Мы полностью подготовили визуализации, как будет выглядеть офис после ремонта, планировку и как его может обставить арендатор Теперь собственник может начинать искать арендатор еще в процессе ремонта. И показывать офис не на пальцах, а прислать удобный файлик с понятными фото офиса Кстати, познакомилась с клиентом, когда играла в настолку Денежный поток)) Это к слову о том, что нужно всегда рассказать о том, чем вы занимаетесь 🤙 🔹Цены на услуги 🔹Заказать дизайн

В архитектурной иллюстрации детали решают всё. Швы между плитами, фактура бетона, рисунок остекления — именно это отличает профессиональный рендер от посредственного. Большинство генеративных инструментов здесь подводят. При загрузке изображения в сторонний сервис для правки одного фрагмента — например, замены текстуры одной панели фасада — модель переосмысливает всю сцену. Текстуры смазываются, пропорции смещаются, детали усредняются. Поскольку изображение проходит через онлайн-сервис — загрузку, обработку, сжатие — потери качества накапливаются по всему холсту, включая нетронутые области. При этом оплачивается обработка полного 4К-изображения ради изменения одного фрагмента. API.SINTEZ.SPACE решает эту проблему иначе. Вы выделяете только область для изменения — генерация происходит строго внутри выделения, остальная часть изображения не пересчитывается и не проходит через компрессию. Детализация вне зоны редактирования сохраняется в исходном качестве. Это даёт четыре преимущества: 🔃Точность. Изменяется только выбранный объект — соседние материалы, тени и цветовая гамма сцены остаются нетронутыми. 🔃Качество. 4К-рендер остаётся 4К-рендером, без сжатия и потерь в неизменённых частях изображения. 🔃Экономия. Оплата — за генерацию фрагмента, а не всего изображения. Меньше площадь выделения — ниже стоимость запроса. 🔃Недеструктивная работа. Исходное изображение остаётся нетронутым. При необходимости работы с полным изображением плагин уверенно держит высокие разрешения и большие файлы без потери производительности. Начало работы занимает несколько минут: регистрация на сайте, пополнение баланса, установка приложения — плагин интегрируется в Photoshop автоматически. Первая генерация доступна сразу после регистрации. 🔗Ссылка на сайт плагина 📣Телеграм канал плагина #аписинтез @sintez_space

www.figma.com/gif-maker/

8 млрд зрителей. 48 команд. 16 городов. 3 страны. один бренд. как управлять идентичностью такого масштаба? 184 страницы технической документации FIFA — это учебник по системному брендингу. 🌠 главная идея: единство через разнообразие не «melting pot», а #WeAre26 — признание различий как силы. 3 страны, 48 команд, 16 городов. каждый со своей идентичностью внутри единой системы. на стр. 18-19 в разделе «brand positioning» FIFA противопоставляет 2 концепции: «Melting pot» (плавильный котёл) — старая американская идея, где все культуры «сплавляются» в одну однородную массу, теряя свою уникальность. vs. «We Are 26» — новая философия, где различия сохраняются и празднуются. не «все становятся одинаковыми», а «все разные, и это наша сила» цитата из брендбука: A new vision of America — not a melting pot, but a place where different cultures, communities and people are recognized and celebrated. 😜 крутые решения: 😆эмблема-скульптура кубок в ультрареалистичном 3D с встроенными PSD-линками. не абстракция — фотореализм. плюс 138 версий под разные сценарии: от вышивки 15мм до билборда 6м. 😆модульная геометрия 2026 разложен на 48 модулей (по числу участников). квадраты + четверть-круги = отсылка к полю и мячу. 😆16 городов = 16 палитр впервые в истории ЧМ каждый город получил уникальную цветовую идентичность. 😆адаптивная типографика кастомный FWC26™ (6 начертаний) + бесплатный Noto Sans. 😆техническая педантичность ✦ отдельные файлы для печати/вышивки/гравировки/экрана ✦ размерные диапазоны XS-XL с готовыми артворками ✦ реверсивные версии под светлые/тёмные фоны ✦ металлические версии с градиентами (золото/серебро/бронза) ✦ сетка 16 колонок с отступами 4% от длинной стороны ✦ Legal Notice™ масштабируется отдельно (мин. 3pt) 👀 что взять в свои проекты: ➽ вместо однотонных заливок — фирменные паттерны (узнаваемость × 3) ➽ контурные версии логотипа для тиснения и гравировки ➽ чек-лист согласования перед печатью — экономит 40% правок (стр. 172) ➽ регламент: 10 дней на утверждение любого макета — нет хаоса «вчера надо было» ➽ готовые шаблоны презентаций и документов — сотрудники не «творят» в дизайне ⚽️ решения FIFA: ✦ 6 форматов эмблемы под задачи ✦ точные CMYK/RGB/Pantone/RAL/NCS раскладки ✦ артворк-библиотека на все случаи ✦ автоматизация контроля качества результат: дизайнер в Мехико и подрядчик в Ванкувере создают материалы в единой стилистике без вашего участия. 📌 главный вывод брендбук — это не расход. это инфраструктура. бренд без системы = маркетинг без аналитики = продажи без CRM. стартап с выручкой $500K и размытым брендом выглядит на $50K. тот же стартап с системным брендом — на $5M. FIFA вкладывает миллионы в 184 страницы правил не просто так — каждый $ в систему возвращается десятью в узнаваемости, лицензионных доходах и стоимости прав. вопрос не «нужен ли брендбук?» вопрос: «сколько я теряю каждый месяц без него?» FIFA управляет идентичностью на 8 млрд зрителей через жёсткую систему. 😋 а мы в aic.ru — создаём системы, которые превращают хаос в прибыль! ➡️ скачать брендбук можно в комментариях

30 файлов фонов с зеленым шумом Install ️

Раньше в макете заменять все копии связанного изображения (линки) на другое нужно было по очереди. Выбрали пять копий — появлялось пять раз окно выбора нового изображения для каждой. Теперь мы можем выбрать один экземпляр и в панели управления или панели Links. Затем запустить команду Relink, а в открывшемся окне выбрать замену всех экземпляров этого изображения на новый файл. Чем заменить в старых версиях 1. Скрипты RelinkSameImages от Masahiro Takano и Batch-relinks от Monokano — заменяют все копии выбранного изображения в файле на новое, проверяя совпадение имён исходного файла. 2. Скрипт bulkRelink от Sky Chaser High — заменяет только выбранные изображения на новое Официальный список изменений

Шёл 2010 год. Я пришла на первое собеседование. Открыла папочку. Посмотрела на меня HR,потом на акварели, потом снова на меня. И очень вежливо попросила прислать технические плоские эскизы в Illustrator. Каких эскизов? Нас этому не учили. Буквально. Компьютер на парах был почти под запретом, была информатика, где мы учили visual basic и делали творчество в Фотошопе — ценился ручной труд, живая линия, натренированный глаз. Никто не объяснял, что работодателю нужна совсем другая история: плоская раскладка, технический рисунок, векторный файл, который можно сразу отдать в производство. Я ушла с того собеседования ни с чем. Потом было ещё несколько таких встреч. Папочка с творчеством производила впечатление на выставках. На рабочих интервью - нет. Это был важный урок, который мне никто не преподал заранее. Институт учил меня видеть и чувствовать. Профессия требовала ещё и говорить на языке производства. Именно поэтому в своей школе я с первого занятия объясняю: AdobeIllustrator - это не «компьютерная версия ручного рисунка». Это отдельный профессиональный язык. И учить его нужно как язык — системно, с нуля, с пониманием зачем. 656 моих выпускников уже работают в индустрии. Большинство из них пришли без технических навыков. Папочки с акварелями у них тоже были. Теперь у них есть портфолио, которое открывают на собеседованиях - и не закрывают сразу. А у вас было что-то похожее - момент, когда поняли, что учили одному, рынок ждал другого? Напишите в комментариях.