HexToSwatches — скрипт для массового импорта цветов из HEХ-кодов в свотчи Иллюстратора.
Вы вставляете в текстовое поле свои HEX-коды или генерируете и копируете палитры на сайтах, таких как Coolors, Poolors, а скрипт создаёт готовую палитру в Иллюстраторе. HEX конвертируется в RGB или CMYK в зависимости от цветовой модели документа.
Формат ввода
— через запятую: fb8b24, e36414, 0f4c5c;
— через точку с запятой: fb8b24; e36414; 0f4c5c;
— через пробел: fb8b24 e36414 0f4c5c;
— через дефис: fb8b24-e36414-0f4c5c;
— сокращённые HEX: ebd, f52, 12fc, 0;
— HEX-коды в несколько строк;
— ссылки онлайн-генераторов: coolors.co/27187e-758bfd-aeb8fe-f1f2f6-ff8600; poolors.com/f78fe2-898415-2e3741.
По умолчанию скрипт создаёт образцы с именем самого HEX-кода. После импорта цветов вы можете задать собственные имена или получить готовые варианты со скриптом BeautifySwatchNames.
Подробнее о скрипте | Rutube | Youtube
#illustrator #color
Сервис "ColorKit"
Ещё один инструмент для создания стильных и гармоничных цветовых палитр.
🌈Глянуть сервис🌈
#сервисы
Минутка промта:
Дизайнер Дарья Суркова делится промтом для Nano Banana прототипа презентации упаковки на основе одного макета.
Промт для Nano Banana Pro:
Create ONE final image.
A clean 3×3 [ratio] storyboard grid with nine equal [ratio] sized panels on [4:5] ratio.
Use the reference image as the base product reference. Keep the same product, packaging design, branding, materials, colors, proportions and overall identity across all nine panels exactly as the reference. The product must remain clearly recognizable in every frame. The label, logo and proportions must stay exactly the same.
This storyboard is a high-end designer mockup presentation for a branding portfolio. The focus is on form, composition, materiality and visual rhythm rather than realism or lifestyle narrative. The overall look should feel curated, editorial and design-driven.
FRAME 1:
Front-facing hero shot of the product in a clean studio setup. Neutral background, balanced composition, calm and confident presentation of the product.
FRAME 2:
Close-up shot with the focus centered on the middle of the product. Focusing on surface texture, materials and print details.
FRAME 3:
Shows the reference product placed in an environment that naturally fits the brand and product category. Studio setting inspired by the product design elements and colours.
FRAME 4:
Product shown in use or interaction on a neutral studio background. Hands and interaction elements are minimal and restrained, the look matches the style of the package.
FRAME 5:
Isometric composition showing multiple products arranged in a precise geometric order from the top isometric angle. All products are placed at the same isometric top angle, evenly spaced, clean, structured and graphic.
FRAME 6:
Product levitating slightly tilted on a neutral background that matches the reference image color palette. Floating position is angled and intentional, the product is floating naturally in space.
FRAME 7:
is an extreme close-up focusing on a specific detail of the label, edge, texture or material behavior.
FRAME 8:
The product in an unexpected yet aesthetically strong setting that feels bold, editorial and visually striking.
Unexpected but highly stylized setting. Studio-based, and designer-driven. Bold composition that elevates the brand.
FRAME 9:
Wide composition showing the product in use, placed within a refined designer setup. Clean props, controlled styling, cohesive with the rest of the series.
CAMERA & STYLE:
Ultra high-quality studio imagery with a real camera look. Different camera angles and framings across frames. Controlled depth of field, precise lighting, accurate materials and reflections. Lighting logic, color palette, mood and visual language must remain consistent across all nine panels as one cohesive series.
OUTPUT:
A clean 3×3 grid with no borders, no text, no captions and no watermarks.
Виджет "Color sticker" by Dine При помощи данного виджета вы можете добавить представление цветов в форматах HSL / RGB / HSB / HEX.
Обновление: BeautifySwatchNames v0.1.1
В скриптах обновил базы цветов:
• BeautifySwatchNames — база выросла с 30241 до 31879 вариантов цветов и имён для них;
• BeautifySwatchNames Lite — с 4506 до 4877 избранных имён.
Также добавил вывод на экране сообщений ошибках при переименовании, когда имя занято существующим плашечным цветом или зарезервировано системой. Например, имена чернил Cyan, Magenta, Yellow, Black заняты Иллюстратором.
Подробнее о скриптах
#illustrator #color
Давно ли вы видели интерфейс в стиле скевоморфизма? Не сказать что удобный но зато какой нарядный...
чтобы сделать уникальный контент для главной страницы, мы генерили картинки с помощью ии. о деталях и тонкостях рассказывает 🫖 лева ловушка:
использовали в основном krea: flux, krea 1, nano banana. за рефы брали креативную рамку, которую создали superdesigners. дальше дообучали модельку и уточняли итерационно промпт.
основной сложностью было отсутствие четких гайдов для новых иллюстраций и ограниченность креативной рамки. очень многое приходилось делать наощупь, постоянно сверяясь с командой сбера и уточняя, туда ли идем. все остальные сложности были стандартными для таких проектов: большое количество иллюстраций и абстрактных смыслов, которым нужно было дать объект.
отдельной проблемой было то, что мы сначала подключили генеративщика, но за неделю проекта поняли, что это не супер эффективно. для клевых генераций важно было сильно погрузиться в продукт и смыслы. передавать это человеку со стороны было утомительно. составляя для генеративщицы тз, мы, по сути, сами собирали промпт. поэтому генерации отдали вебдизам, я их сам подучил, и все полетело!
ну и как обещали, делимся примером промпта:
Tall modern apartment building in the center of a composition. Building is made from a different materials. Scene is light, made from a few fluid shapes from various materials. Colors are diverse – we can see a shades of green, light warm gray and white walls. Soft lightning with gobo shadows. Minimalistic isometric composition. Elegant, clean 3D render.
(наши промпты работали в связке со стилями, на которые мы дообучали нейронку, и рефами, а это секрет, сорри) 🟢
подробнее про весь процесс работы над главной читайте в статье
Классный шрифт в Nano Banana
3D typography of the words "Рождественские Шрифты" in luxurious velvet letters in a deep burgundy.
The velvet texture is soft, with visible fibers and velvety shadows.
Some of the surface is fluffier, almost fur-like, creating the effect of soft winter textiles.
Embellishments:
• a thin gold garland with warm mini-lights gently wraps around the letters,
• subtle gold sparkles and reflections on the velvet,
• harmonious accents: tiny gold stars, subtle shimmer.
Background:
• a deep, premium burgundy background, slightly darker than the letters,
• a soft gradient or smooth velvet texture for a cohesive atmosphere.
Lighting:
• gentle backlighting highlighting the furry edges,
• soft, warm frontal lighting creating volume. Style: ultra realistic, 8K, rich velvet texture, cinematic glow, luxury holiday aesthetic, premium color palette.
Инструкция:
1) заходим в Бот синткс
2) выбираем Дизайн с ИИ - Nano Banana Pro.
3) отправляем промпт , заменяя мой текст и готово!
Color Palette Pro. Браузерный сервис для создания палитр с шикарной скевоморфной стилизацией под кнопочную панель MIDI-контроллера.
Color Scale Variables
Shades — генератор цветовой палитры на базе искусственного интеллекта.
Сервис "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
