#figjam

Простой файлик поможет удобнее создавать архитектуру твоих будущих проектов Файл тут
Изображение поста

🎨 Как в Фигме рождаются продуктовые иконки

Эмма Вебстер рассказала, как дизайнер Тим Ван Дамме создавал и переработал набор иконок для расширившейся линейки Фигма. Он собрал простые правила: единичная толщина линий, ровные вырезы, скруглённые торцы, баланс по сетке и три размера под разные носители. Такой каркас помогал быстро отсекать неудачные варианты, которые терялись на маленьких масштабах или расползались на билбордах. Дальше шли сотни итераций и проверка на целостность набора. Тим нащупывал суть каждого продукта, брейнштормил образы, превращал идеи в десятки версий и искал отклик в команде, иногда полностью меняя направление. В финале сводил шесть кандидатов, сверял с гайдами и ощущением семейного сходства, чтобы новый набор выглядел как единый голос Figma. Внутри: – Базовые правила контура, вырезов, скруглений и размеров; – Отбор по масштабу от тулбара до билборда; – Поиск метафор под продукт и списки ключевых смыслов; – Сотни вариантов от пчёл для Buzz до стикеров для FigJam; – Командная обратная связь и отбрасывание лишнего; – Финальный отбор шести иконок по гайдам и целостности. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Если вы хотите показать связь между макетами с подсказками, то можно скопировать коннектор из FigJam и вставить в Figma, а его свойства сохранятся 👌

Если вы хотите показать связь между макетами с подсказками, то можно скопировать коннектор из FigJam и вставить в Figma, а его свойства сохранятся 👌

FigJam — интерактивная доска от создателей Figma.
#Figma figma.com/figjam Источник
Если вы хотите показать связь между макетами с подсказками, то можно скопировать коннектор из FigJam и вставить в Figma, а его свойства сохранятся 👌
Плагин «Markdown to Sticker» by Joo Hyung Park
Плагин преобразует markdown текст в красиво оформленные стикеры FigJam 🐗 Попробовать плагин 🐗 #plugin 💚 Figma и точка
Изображение поста
FigJam — интерактивная доска от создателей Figma.
#Figma figma.com/figjam
🧰 Tally
Подсчитывайте количество голосов при помощи стикеров в FigJam 💾 Открыть #плагин 🔥 Design Stock
Изображение поста
Друзья, приглашаем вас на онлайн-занятие «Как сделать кликабельный прототип Figma для тестирования сценария работы продукта», которое проведёт Ирина Хафизова, дизайн-директор в Grids.
🗓 25 июня 16:00-18:00 (МСК) Это практическое онлайн-занятие предназначено для тех, кто хочет научиться самостоятельно создавать кликабельные прототипы простых вайрфреймов в Figma без помощи технического или продуктового дизайнера. В результате занятия должен получиться готовый кликабельный прототип (≈ 10 экранов). 🎯 На занятии: Теоретическая часть: • что такое кликабельный прототип в Figma, зачем он нужен и т.д.; • что такое сетка, зачем она нужна; • зачем нужен горизонтальный вертикальный шаг; • что такое базовая единица, как она применяется; • показываем готовый сценарий или остановимся на создании структуры в FigJam. Большая практическая часть: • Вайрфреймы. Как их рисовать: - нарисуете 1-2 основных экрана со всеми основными элементами. • Создание прототипа: - как в режиме прототипирования в Figma между собой объединять варфреймы по нашему готовому сценарию; - как сделать базовую анимацию перехода между экранами; - участники попробуют сделать несколько экранов в прототипе; - в режиме реального времени показываем создание прототипа. ✨ Занятие будет максимально полезным для: • UX-исследователей, которые хотят научиться работать с Figma, базовыми функциями прототипирования, аналитики, бизнес-аналитики; • менеджеров продукта. ✏️ Записывайтесь на занятие Ждём вас!)
Изображение поста
Виджет "Color Swatch" by Peter Damrongpiriyapong Виджет позволяет добавлять образцы цветов в FigJam/Figma и создавать цветовые палитры с шестнадцатеричным кодом, значениями RGB и автоматически сгенерированным именем.
Изображение поста
Плагин «Markdown to Sticker» by Joo Hyung Park
Плагин преобразует markdown текст в красиво оформленные стикеры FigJam 🐗 Попробовать плагин 🐗 #plugin 🗳 Плагины Figma
Изображение поста
Simpleflow
• Позволяет вставлять в Figma редактируемый FigJam connector. #FigJam Открыть в Figma 👨 Дизайн-телега
В Figma теперь можно верстать сайты?
Что думаем по этому поводу мы — рассказали в конце поста! Сегодня завершилась трехдневная Figma Config 2025, на которой компания зарелизила кучу обновлений. ⭐️Figma Sites. Да, no-code верстка сайтов прямо в Figma. Можно добавлять интерактивы через Figma Make + есть прямая интеграция с Dev Mode. В теории должен упростить путь от макета до готового сайта. ⭐️Figma Draw. Новый векторный движок для тех, кто работает с графикой. 22 новых фичи и режим Draw Mode для иллюстраций. ⭐️Figma Make. AI-инструмент для генерации интерактивов на основе текстового промпта. ⭐️Auto Layout Grid с поддержкой адаптивности и экспорт в код. Более гибкая работа с сетками в сложных интерфейсах. Сможет ли Figma Sites заменить многие конструкторы? На этот вопрос мы попросили ответить ментора Лёшу ⤵️ «У Figma это будет просто «плюшка», которой никто не станет пользоваться — как FigJam или Slides. Это скорее погоня за трендами, и Figma опоздала как минимум на 5 лет. Да, продукт появится, но вряд ли его кто-то выберет: на рынке уже есть десятки инструментов, которые в разы превосходят Figma в этой области. В целом моё мнение такое: если и будет какой-то охват, то совсем минимальный. Figma действительно стала уникальной, предложив свежие технологии для разработки дизайна. Но когда речь зашла о создании сайтов, она и правда очень сильно опоздала» А что думаете вы — согласны с Лёшей или считаете иначе? 🥹
Изображение поста
👾 Что анонсировали на Config 2025
Figma Sites — создание и публикация адаптивных сайтов без кода. Есть шаблоны, интерактив, а скоро добавят встроенную CMS. Figma Make — AI-инструмент, который превращает текст в прототип. Работает на Claude 3.7. Можно дорабатывать руками или просить AI продолжить. Figma Draw — новый набор инструментов для иллюстраций (упращенная версия Illustrator). Кисти, текстуры, эффекты — всё прямо в Figma, без перехода в другие редакторы. Figma Buzz — помощник для маркетологов и брендов. Генерация баннеров, постов и писем по шаблонам, с учетом бренд-гайда. Grid — новая система авто-лейаута. Более гибкие сетки, растяжение элементов, экспорт CSS для разработчиков. Dev Mode — улучшен. Появились режимы Ready for Dev и Focus View, а также интеграция с GitHub. FigJam — AI помогает генерировать идеи, искать компоненты по картинке. Улучшен визуальный поиск, добавлена генерация изображений. @design_awesome
🤬 Когда Яндекс.Музыка лагает, я делаю это…
Открываю FigJam и включаю Lo-fi прямо в Фигме, аххахаха
Изображение поста
Figma Config 2025: Итоги
Figma превращается в конструктор сайтов, презентаций и даже маркетинговых материалов. Ниже — краткий обзор фич, которые уже доступны или скоро будут: Figma Sites Полноценные сайты прямо из Figma. Блоки, шаблоны, адаптив и базовая CMS. Работает почти как Framer, но с нативным флоу. Ожидается платный тариф. Figma Make AI пишет интерфейсы по тексту. На демо выглядит как магия, но в реальности — пока зачаточная стадия. Построено на Claude 3.7. Figma Buzz Автоматическая генерация контента: тексты, баннеры, изображения. Звучит как Canva на стероидах. Полезно для маркетинга, сомнительно для дизайнеров. Figma Draw Собственный векторный редактор с кистями, шейпами и текстурами. Почти как Illustrator, но в браузере. Наконец-то. Figma AI Набор шорткатов для генерации, рефакторинга и поиска. Прототипы, поиск по UI, автокомментарии, переименование слоёв. Всё, чтобы не трогать мышку. UI3 Редизайн интерфейса: стало чище, чище, ещё чище. Для кого-то удобнее, для староверов — боль. Figma Slides Презентации внутри Figma. Можно вставлять дизайн-фреймы, добавлять интерактив, генерировать текст через AI. Альтернатива Pitch и Keynote. Dev Mode 2.0 Теперь и для разработчиков: состояния “Ready for Dev”, интеграции с кодом, фокусный просмотр. Улучшает передачу, если все в экосистеме Figma. Мелочи: Обновлённый файловый браузер, новые иконки, управление коллекциями, улучшения FigJam и контраст-чекер. 🧠 Общее впечатление: Figma превращается в операционку для продуктовых команд. Меньше “дизайна ради дизайна” — больше фокуса на продакшн. https://www.config.new/
Изображение поста
Mobbin
Скопируйте экраны из Mobbin и вставьте их в Figma / FigJam одним щелчком мыши. #Plugin ОТКРЫТЬ 👨 Дизайн-телега
Изображение поста
Big Image Importer — плагин для импорта изображения высокого разрешения в Figma и FigJam.
Особенности плагина: — Файлы обрабатываются локально на вашем компьютере и не отправляются на внешний сервер. — Не разбивает изображения на более мелкие части. — Импорт изображения в полном разрешении без ограничений по размеру. 🔗 Figma Community ▫️ #tools 🖼 Figma за 60 секунд
Изображение поста
Polyglot Creations
Раскройте истинный потенциал своих проектов с помощью нашего революционного плагина Figma, который преодолевает языковые барьеры! Polyglot Creations дает дизайнерам возможность легко переводить свои творческие замыслы на более чем 133 языка, преодолевая глобальный разрыв в мире дизайна. Независимо от того, работаете ли вы с Figma или с братом Figma, FigJam, наш плагин легко интегрируется для оптимизации вашего рабочего процесса. #figma #plugin
Изображение поста