Siter — платформа, очень похожая на Figma, но позволяет создать сразу готовый адаптивный сайт без кода.

siter.io

Install ️

Задолбала фигма??? Покажем как делать опупенную графику внутри привычного инструмента!!! 23 мая в 12:00 что будет??? - покажем эффекты и фишки Figma, которые можно применять не только в интерфейсах - разберём, как через простые инструменты находить неожиданные визуальные решения - соберём общий коллаборативный арт из работ участников кто научит??? Лёша Рябикин, графический дизайнер и музыкант. участник Саунд, графический дизайнер в Щёлочи и BetBoom. Благодаря эфиру вы получите: детальное понимание возможностей софта за пределами интерфейсного дизайна + готовый незаезженный приём для собственных проектов. регистрируйтесь, всего 10 мест 😳

Install ️

www.figma.com/blog/the-figma-agent-is-here

23.05, 12:00 на воркшопе: - покажем эффекты и фишки Figma, которые можно применять не только в интерфейсах - разберём, как через простые инструменты находить неожиданные визуальные решения - соберём общий коллаборативный арт из работ участников спикер: Лёша Рябикин, графический дизайнер и музыкант. участник Саунд, графический дизайнер в Щёлочи и BetBoom. после эфира заберете с собой детальное понимание возможностей софта за пределами интерфейсного дизайна + готовый незаезженный приём для собственных проектов. регистрируйтесь, всего 10 мест ❤️

Тут вы найдёте большую галерею стильных веб-сайтов для вашего вдохновения. Для каждого примера представлен его макет в Figma. 💻Глянуть сайт💻 #сервисы

→ Higgsfield + Figma MCP + Claude Code Благодаря инструкции Claude сможет быстрее сообразить как сделать такой слайдер 💻 1. Инструкцию нужно складывать в ту же папку, где у вас лежат все файлы по сайту (шрифты + те файлы, что вы будете делать по инструкции)/либо загружать её в чат с Claude с ссылкой на макет и другие материалы 2. Важно повторять все те действия, что описаны в ней – там пошагово сказано как и что делать не только с точки зрения верстки, но и как подготовить материалы ⚠️Обратите внимание, что помимо инструкции Claude нужно дать макет в Figma (с включенным MCP и загруженными фотографиями) + фото, видео 360° для каждой модели при ховере (всех моделей + видео я генерировала в Higgsfield, используя Nana Banana Pro и Kling) Ссылка на инструкцию🔗 *Выше я делала инструкцию как скачать/зайти/установить Claude #полезное #клод

Пошаговый гайд как создавать рваные бумажные края в Figma без использования плагинов #figma

Пользуйтесь российскими аналогами 🤡

Install Figma

Здесь вы узнаете, как в Figma при помощи плагина Blend создать стильный эффект менее чем за минуту. #figma #туториал

Универсальный набор для дизайна в Figma: Шаблоны карточек товаров и стильные визуальные элементы Install ️

Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно Рассказываю на примере проекта, где я на фрилансе (oversecured.com) Дано: - legacy-архитектура фронта, которую сложно масштабировать с LLM-кой - отсутствие части макетов в Figma + неактуальность макетов Что хотим: - заиметь макеты в Figma, которые выступают как источник правды - можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт - UI-kit/дизайн-система, которая полностью совпадает в Figma/code Как мы решили это сделать: 1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp)) Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы). И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100 Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma Часть 2 напишу, когда подойду к ней!

Сейчас мы в поиске Старшего коммуникационного дизайнера группы компаний «Островок». У нас прошёл яркий ребрендинг, поэтому мы ищем специалиста в системной работе над масштабированием нового визуального языка. Того, кто готов погружаться в суть продукта и креативно решать задачи бизнеса. Чем предстоит заниматься: • разрабатывать и поддерживать бренд-системы группы компаний «Островок»; • разрабатывать креативные концепции и дорабатывать их до мастер-макетов; • создавать и развивать гайдлайны; • работать с офлайном (от печатных носителей до застройки BTL) и диджитал-носителями (лендинги, чат-боты, баннеры); • супервайзить подрядчиков; • систематизировать проекты и плотно работать с бренд-маркетингом. Мы ждём, что ты: • имеешь опыт работы от 3 лет в брендинге сервисов и продуктов, а общий опыт в дизайне от 5 лет; • уверенно работаешь с типографикой, графикой и иллюстрацией; • отлично владеешь Figma и создаёшь бренд-системы и гайды с компонентами; • имеешь опыт работы с офлайн-носителями, обладаешь навыками предпечатной подготовки; • умеешь классно презентовать дизайн-решения; • сможешь показать успешные рекламные кампании и реализованные фирменные стили; • владеешь английским языком на уровне Upper-Intermediate (B2) и выше; • живёшь в Москве. Что мы предлагаем: • гибкий график; • удалёнку с редкими визитами в офис; • работу с сильным эмоциональным брендом и интересными задачами в travel-tech. Для отклика заполни форму опроса по ссылке До встречи на Островке! ❤️

На днях наткнулся на цифру: 94% компаний в мире жалуются на нехватку людей с AI-навыками. И, судя по прогнозам, к 2028 году сильно легче не станет. Для дизайна это тоже важный сигнал. Просто уметь делать нормальные макеты уже мало. Бизнесу всё чаще нужны люди, которые понимают, как работать с AI не точечно, а системно: поставить задачу, собрать контекст, проверить результат и отвечать за итог. Проблема в том, что большинство дизайнеров пока используют AI кусками. Тут текст поправить, там референсы собрать, где-то экран накидать. А на реальной задаче всё быстро ломается: AI не помнит бриф, не понимает дизайн-систему, теряет контекст и выдаёт что-то, что потом всё равно приходится руками пересобирать. И вот тут интересная мысль. Возможно, дело уже не в конкретном инструменте, а в том, как вокруг него собрана рабочая среда: папки, скиллы, директивы, дизайн-система, правила проекта. То есть AI не как отдельный помощник сбоку, а как среда, внутри которой ты проектируешь. 13 мая в 18:00 мск Даниил Шишко из Pixel Perfect покажет, как у него устроена такая агентская система. Возьмёт размытое ТЗ в одну строчку от крупного зелёного банка и за 90 минут соберёт концепт банковского дашборда. Будет весь процесс через одного агента в Claude Code: бриф, ресерч, структура экранов, макеты в Фигме по настоящей дизайн-системе и кликабельный прототип. Плюс покажет стек Claude Code, Figma MCP и дизайн-систему, а ещё конкретные шаги, как собрать AI-агента под свои проекты. Если хотите понять, как AI может закрывать не отдельные куски работы, а весь дизайн-процесс — нужно приходить обязательно 🔠 Эфир в канале Даниила 🔠 Эфир в канале Даниила 🔠 Эфир в канале Даниила

AI в дизайне это уже не про отдельные тулзы На днях наткнулся на цифру: 94% компаний в мире жалуются на нехватку людей с AI-навыками. И, судя по прогнозам, к 2028 году сильно легче не станет. Для дизайна это тоже важный сигнал. Просто уметь делать нормальные макеты уже мало. Бизнесу всё чаще нужны люди, которые понимают, как работать с AI не точечно, а системно: поставить задачу, собрать контекст, проверить результат и отвечать за итог. Проблема в том, что большинство дизайнеров пока используют AI кусками. Тут текст поправить, там референсы собрать, где-то экран накидать. А на реальной задаче всё быстро ломается: AI не помнит бриф, не понимает дизайн-систему, теряет контекст и выдаёт что-то, что потом всё равно приходится руками пересобирать. Дело не в инструментах. У AI должна быть архитектура (папки, скиллы, директивы, дс, правила проекта). Он не помощник, а среда, в которой ты работаешь. 😎 13 мая в 18:00 мск Даниил Шишко из Pixel Perfect впервые покажет свою агентскую систему изнутри. Возьмет размытое ТЗ в одну строчку от крупного зеленого банка и за 90 мин соберет полный концепт банковского дашборда. Все этапы работы дизайнера через одного агента в Claude Code: бриф, ресерч, макеты в Figma по дизайн-системе, кликабельный прототип. Что заберешь с эфира: • рабочий стек: Claude Code, Figma MCP и дизайн-система • конкретные шаги, как собрать AI-агента под свои проекты • подход, где AI закрывает весь дизайн-процесс, а не отдельные задачи ➡ Эфир пройдет в тг-канале Даниила: Подписывайся