🎨Better Font Picker • #plugin
Простой плагин Фигма для шрифтов. Удобнее, чем стандартный подборщик, так как меняет вид текста сразу при наведении курсора на шрифт. С его помощью можно быстро протестировать разные варианты и посмотреть результат на макете. В коллекции доступно более 100 шрифтов, от классических и простых до сложных и фэнтезийных.
💜 Design Case. Подписаться
PostStamp Maker
Генератор почтовых марок из фреймов или фото — с настраиваемыми размерами, тенями и стилями. Поможет дизайнерам и иллюстраторам добавить винтажной или хендмейд-эстетики.
#иллюстрации
Людочка, плагины – отборные плагины в Фигме
Дизайнер, проверь, насколько хорошо ты разбираешься в разработке
Mish запустила телеграм-бот для тех, кто во время передачи макетов в разработку устаёт отвечать на вопросы:
«Я не понял, как тут работает логика?»
«Что происходит с этими компонентами?»
«Ты же понимаешь, что это можно реализовать только костылями?»
🧠 Не страдай — образовывайся.
Разрабо-переводчик научит тебя понимать язык тех, кто пишет код, а не только комментарии в Фигме. Когда знаешь, как устроена разработка, ты не рисуешь кнопки, которые надо программировать молитвами. И в прод идёт не боль, а продукт.
В тесте 10 вопросов на знание терминов из разработки — все необходимы дизайнеру в работе.
Проходи тест по ссылке
Дизайнер, проверь, насколько хорошо ты разбираешься в разработке
Mish запустила телеграм-бот для тех, кто во время передачи макетов в разработку устаёт отвечать на вопросы:
«Я не понял, как тут работает логика?»
«Что происходит с этими компонентами?»
«Ты же понимаешь, что это можно реализовать только костылями?»
🧠 Не страдай — образовывайся.
Разрабо-переводчик научит тебя понимать язык тех, кто пишет код, а не только комментарии в Фигме. Когда знаешь, как устроена разработка, ты не рисуешь кнопки, которые надо программировать молитвами. И в прод идёт не боль, а продукт.
В тесте 10 вопросов на знание терминов из разработки — все необходимы дизайнеру в работе.
Проходи тест по ссылке
Дизайнер, проверь, насколько хорошо ты разбираешься в разработке
Mish запустила телеграм-бот для тех, кто во время передачи макетов в разработку устаёт отвечать на вопросы:
«Я не понял, как тут работает логика?»
«Что происходит с этими компонентами?»
«Ты же понимаешь, что это можно реализовать только костылями?»
🧠 Не страдай — образовывайся.
Разрабо-переводчик научит тебя понимать язык тех, кто пишет код, а не только комментарии в Фигме. Когда знаешь, как устроена разработка, ты не рисуешь кнопки, которые надо программировать молитвами. И в прод идёт не боль, а продукт.
В тесте 10 вопросов на знание терминов из разработки — все необходимы дизайнеру в работе.
Проходи тест по ссылке
Дизайнер, проверь, насколько хорошо ты разбираешься в разработке
Mish запустила телеграм-бот для тех, кто во время передачи макетов в разработку устаёт отвечать на вопросы:
«Я не понял, как тут работает логика?»
«Что происходит с этими компонентами?»
«Ты же понимаешь, что это можно реализовать только костылями?»
🧠 Не страдай — образовывайся.
Разрабо-переводчик научит тебя понимать язык тех, кто пишет код, а не только комментарии в Фигме. Когда знаешь, как устроена разработка, ты не рисуешь кнопки, которые надо программировать молитвами. И в прод идёт не боль, а продукт.
В тесте 10 вопросов на знание терминов из разработки — все необходимы дизайнеру в работе.
Проходи тест по ссылке
Дизайнер, проверь, насколько хорошо ты разбираешься в разработке
Mish запустила телеграм-бот для тех, кто во время передачи макетов в разработку устаёт отвечать на вопросы:
«Я не понял, как тут работает логика?»
«Что происходит с этими компонентами?»
«Ты же понимаешь, что это можно реализовать только костылями?»
🧠 Не страдай — образовывайся.
Разрабо-переводчик научит тебя понимать язык тех, кто пишет код, а не только комментарии в Фигме. Когда знаешь, как устроена разработка, ты не рисуешь кнопки, которые надо программировать молитвами. И в прод идёт не боль, а продукт.
В тесте 10 вопросов на знание терминов из разработки — все необходимы дизайнеру в работе.
Проходи тест по ссылке
Дизайнер, проверь, насколько хорошо ты разбираешься в разработке
Mish запустила телеграм-бот для тех, кто во время передачи макетов в разработку устаёт отвечать на вопросы:
«Я не понял, как тут работает логика?»
«Что происходит с этими компонентами?»
«Ты же понимаешь, что это можно реализовать только костылями?»
🧠 Не страдай — образовывайся.
Разрабо-переводчик научит тебя понимать язык тех, кто пишет код, а не только комментарии в Фигме. Когда знаешь, как устроена разработка, ты не рисуешь кнопки, которые надо программировать молитвами. И в прод идёт не боль, а продукт.
В тесте 10 вопросов на знание терминов из разработки — все необходимы дизайнеру в работе.
Проходи тест по ссылке
Так нужны дизайнеры сайтов или всех заменит нейросеть?
Вот каждый день эта истерика в инете все возрастает.
И да нейросети иногда поражают своими возможностями.
Но вот смогут ли они заменить дизайнеров? сейчас пока это лишь помощники.
Я записал для вас новое видео на Ютубе по этому поводу.
Нашел новую нейросеть от Гугла, а сами понимаете какие у них возможности.
Она создает не только дизайн в Фигме но и пишет HTML CSS и возможно JS
https://youtu.be/w-D67KysFqQ
Тайм-коды работают на Ютубе и есть в описании к ролику
00:00:00 Вступление что за нейросеть от Google
00:00:50 Пишем промпт через ChatGPT
00:04:09 Генерируем дизайн через Google Stitch
00:10:50 Делаем дизайн магазина с помощью нейросети
Пожалуйста просмотрите ролик полностью, это даст ему хороший толчок для просмотров.
0% осуждения, 100% понимания 😃
🙈 Ты не дизайнер, если игнорируешь эти каналы:
Сейф-Дизайнера, где собрали около 3 тысяч материалов: 3D-элементов, текстур, иконок, фонов, иллюстраций. Всё в НD.
Шрифтовик, куда слили тысячу шрифтов под любой дизайн. Теперь нужно меньше 5 минут, чтобы подобрать пару.
design teacher — база туториалов, гайдов и кейсов. Учись у лучших, пока это бесплатно.
Мокапы для дизайнера, чтобы презентовать проект на день раньше и срубить высокий чек.
Здесь про Figma — научишься делать в фигме всё от а до я.
Здесь про Photoshop — самый популярный редактор прямо в твоём телеграме! Гайды, макеты, шаблоны и многое другое ждут тебя здесь.
Обычно эти каналы закрыты, но на 24 часа открыт доступ для каждого. Поспеши ⏰
Raycast
Недавно показывал ребятам из команды как можно экономить время на всякой рутине с помощью Рэйкаста.
Суть Рэйкаста очень простая — это клиент для Мака, которые интегрируется с кучей внешних приложений и сервисов, которыми ты можешь управлять в рамках системы и работает всё как Спотлайт на максималках.
Что использую чаще всего:
1. Сжатие ассетов через TinyPNG — если нужно быстренько пожать картинки, то в один хоткей у тебя рядом с исходниками появляется папочка «compressed-images», в которой лежат сжатые материалы.
2. Скачивание видосов откуда угодно — просто кидаешь ссылку и получаешь исходник видео у себя на компе.
3. Иконки — можно скопировать иконочку из кучи популярных наборов типа SF Symbol или, например, собрать ассеты для с иконками для приложения.
4. Конечно же, базовый поиск по всему на свете на компе и в интернете (на компе понимает чуть лучше, чем спотлайт) и все основные AI-сервисы.
5. Периодически использую всякие встроенные микро-приколы: например, можно залочить экран, чтобы почистить клавиатуру, посмотреть курс доллара или вытащить что-то из буфера обмена (он тут хранит историю). В целом даже проекты в Фигме ищу чаще всего здесь😅
Если вдруг не видели — рекомендую глянуть сайт и потестить продукт. Надо немного привыкнуть, но потом сложно без этого жить:
https://www.raycast.com/
💎 Как делать тестовые задания
Вижу частую проблему того, что многие дизайнеры делают тестовые абы как, не могут защитить свои решения или в целом не понимают, как подойти к решению задачки. Наткнулся на статью, гда автор супер подробно описал процесс решения тестового. Получилось очень не плохо. Уверен, с таким тестовым пройти в Яндекс можно было бы без проблем)
Внутри:
– Как понять задачу и заложить метрики успеха
– Дискавери-фаза: инсайты, сегменты, интервью
– Бенчмарки и исследование конкурентов
– Прототипы и UX-тесты на базе реальных гипотез
– Идеи для роста retention, adoption и кросс-продаж
– Как оформлять фичи по JTBD-модели
– Итоги
➡️ Читать статью
Я написал Дане и он поделился со мной Фигмой этого тестового, забирайте, смотрите ❤️
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
JSON to Figma — плагин для быстрого добавления JSON в Фигму.
Что, если дизайн будет делать сам себя — без тебя?
Смотрю, как растут нейросети.
Wix сам строит сайт. GPT сам пишет текст. Midjourney рисует иллюстрации.
Кажется, ещё чуть-чуть — и дизайнер вообще не нужен.
Но тут я вспомнил, зачем меня зовут в проекты.
Не чтобы выбрать шрифт. И не нарисовать кнопку.
А чтобы задать вопрос:
что здесь важно? кому? зачем?
Алгоритм может сгенерировать.
Но смысл, контекст, расставленные приоритеты — это всё ещё мы.
Не страшно, что машины делают быстрее.
Страшно, если ты до сих пор думаешь, что твоя сила в фигме, а не в мышлении.
#webminute #дизайнерскаяроль #aiвдизайне #мышлениепротивинструмента #нейросети #будущеевеба
Лучшее за май
1. Perspective Toolkit – добавляет макету изометрию тремя способами
2. Pixel it – пикселизирует текст, картинки или вектор
3. Space››cleaner – удаляет лишние пробелы в тексте
4. Super Tidy – автоматически наводит порядок в проекте
5. 3D iPhone & device mockups – мокапы в формате видео или картинок
Здесь только те плагины, на которые вы отреагировали больше всего, а значит, выжимка — огонь 🔥
Людочка, плагины – отборные плагины в Фигме
Flows — превратите Фигму в идеальное визуальное рабочее пространство.
hellolayers.com/flows
Retro Figma
В Figma теперь нативно предустановлен шрифт SF Pro от Apple. А говорили фигма сдулась с апдейтами)
Раз уж на то пошло — делитесь в комментах своими любимыми шрифтами. Какие у вас в фаворитах?