Сервис "Color Selector"
На этом сайте вы получите стильный мудборд для выбранного цвета.
🔍Глянуть сайт🔍
#сервисы
Плагин AI Color Palette Generator — Инструмент извлекает цвета из огромной библиотеки высококачественных фотографий Unsplash.
💡 Как внедрить дизайн-систему, когда ты единственный дизайнер
Саша рассказала о своём пути от графического дизайнера до продуктового, работая над ERP-платформой. Будучи единственным дизайнером на проекте без опыта работы с большими продуктами, она столкнулась с хаосом из сотен экранов без консистентности и структуры.
Главной проблемой стало отсутствие базовых инструментов: переменных, системы отступов, методологии. Она самостоятельно освоила современные возможности Figma через YouTube-ролики и эксперименты, создав Systematic Color Workflow с 400+ токенами. Правда, позже поняла, что можно было ограничиться только реально используемыми стилями и не усложнять работу фронтенда.
Внутри:
– Как создать Color Mixer для формирования консистентной палитры;
– Почему текстовый компонент может перегружать макеты при сотнях экранов;
– Зачем сразу определять правила отступов и брейкпоинты;
– Как Variants, Boolean и Auto Layout ускоряют работу;
– Почему пришлось аргументировать переход на платную версию Figma;
– Какие ошибки можно было избежать с опытным ментором.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Ruri Colors — инструмент для замены цветовой палитры.
🔗 Figma Community
▫️ #tools
Color Editor — плагин позволяет быстро менять цвета у векторных изображений.
2 color combinations — на этом сайте собраны стильные сочетания цветов текста и фона, которые обязательно помогут вам при создании следующего проекта.
Сервис "LOL Colors"
Здесь вы найдёте подборку стильных цветовых палитр, где каждый цвет представлен в виде HEX-кода
⬅️Глянуть сервис➡️
#Сервисы
Презентация ColorOS 16 от Oppo
Color scale generator — плагин создает цветовую шкалу на основе выбранного цвета.
Полутоновый векторный арт из любых фигур
Halftone графику из любой фигуры можно сделать с помощью стандартных эффектов и бесплатных скриптов. Если у вас подписка на плагины Astute Graphics, то можно сделать двумя инструментами Phantasm → Halftone и FindReplace Art.
1. Добавляем к объекту последовательно три эффекта: Blur → Gaussian Blur, Rasterize и Pixelate → Color Halftone.
2. Объект красим в любой цвет или градиент.
3. Разбираем эффекты Object → Expand Appearance
4. Трассируем в чёрно-белый цвет, исключая белый.
5. Закрашиваем результат в выбранные цвета случайным образом через RandomSwatchFillColor Айвараса Гонтиса.
6. Не важно, что трассированные формы искажены, так как далее их выделяем по группам цветов инструментом Magic Wand и заменяем на свои фигуры через replaceItems Александра Ладыгина.
P.S. Можно экспериментировать с настройками эффектов, заливкой. Это даст разную плотность и размер кругов. Главное для трассировки, чтобы круги не слипались друг с другом.
#other_author #illustrator #item
Camera Color Copy Paste — плагин для Figma, который позваляет захватывать цвет с камеры вашего телефона и переность его в макет.
Color Knobs — генератор цветовой палитры.
✨ Оживи свой бренд в городских огнях
⬇️Создаём фото:
➡️ Заходим в Syntx
➡️ Выбираем Nano Banana
➡️ Вставляем промпт:
Улица современного города высотные здания, вечерний свет, огни витрин, светофоры. В воздухе парят стильные большие серебряные воздушные шары в форме логотипа из слова [ваш бренд] сделанные как надувные зеркальные шары, отражающие городские огни. Рядом еще 3 круглых зеркальных шара разного размера красиво дополняют композицию. Шары выглядят реалистично, блестят, немного колышутся в воздухе. Атмосфера стильного урбанистического кадра, фотореализм.
⬇️Анимация:
➡️Переходим в Syntx → Видео будущего
➡️ Выбираем VEO3
➡️ Загружаем получившееся фото
➡️ Добавляем промпт для анимации:
A static camera shot at night on a bustling city street. Metallic logo-shaped balloons gently sway and expand with the breeze, their glossy surfaces reflecting neon signs, shop windows, and passing car headlights. The balloons shimmer with colorful highlights, moving naturally as if filled with helium. Behind them, tall buildings glow with vibrant advertisements and city lights. Occasional silhouettes of pedestrians and cars create motion in the background, enhancing the realism of the lively night atmosphere. The mood is cinematic, with rich contrast, vivid neon reflections, and a slightly dreamy tone.
✨ Результат: Твой бренд парит на фоне вечернего города, отражая в себе все огни мегаполиса.
📱 НейроДизайн
Плагин Color Compass — подберёт разные цветовые палитры под назначенный цвет. Удобно для подбора цветов в проект и работы с тонами.
Album Colors Of The Year — коллекция шикарно подобранных цветов, взятых с обложек музыкальных альбомов
albumcolors.com
Библиотека градиентов.
• Более 800 градиентов, готовых к использованию
• Разделены по основным цветам для удобства
• 13 базовых цветов + светлые и тёмные варианты
• Включает синие, красные, оранжевые, жёлтые, бирюзовые, фиолетовые, розовые, зелёные, серые, коричневые, аква-градиенты и другие
#color #gradient #library
Открыть в Figma
Плагин Figwind — используйте классы Tailwind в слоях Figma.
Используйте классы Tailwind в названиях слоев Figma, чтобы легко обновлять стилистику в соответствии с темами Tailwind по умолчанию.
Чтобы попробовать, назовите свой слой: bg-red-500, а затем запустите этот плагин.
В настоящее время поддерживаются:
Размер шрифта: text — узнать больше
Цвет текста: text-color — узнать больше
Цвет фона: bg-color — узнать больше
Обводка: border- узнать больше
Радиус: округлый — узнать больше
Поддержка других классов Tailwind скоро появится.
#Tailwind
Kunsthumaniora Sint-Lucas Gent // Studio Studio
Новый визуальный стиль художественной галереи, направленный на создание "благоприятной" атмосферы в художественной школе. Нравится адаптивность айдентики, ее живость и контрастность.
We incorporated distinctive colors for each section. This concept not only highlights the individuality of the different sections, yet maintains cohesion across the institution.
by visual archive^^