Минутка промта:

Дизайнер Дарья Суркова делится промтом для 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.
Изображение поста
Изображение поста
Изображение поста

Senior Product Designer во Fluently (YC W24)

📍Remote 💵 Оплата в USD 🚀Фаундер — Юрий Ребрик, ex Amazon, Google, NVIDIA Fluently — AI-тьютор, который помогает улучшать разговорный английский язык людям по всему миру, строящим карьеру в зарубежных компаниях. Стартап прошел в YCombinator в 2024 году, за последние 8 месяцев выросли со $100k до $6M ARR. Размер команды – 20 | Инвестиции – $2.5M 💎 Над чем предстоит работать – «Your task is to build the product, not design elements»; – Поиск и проверка продуктовых гипотез; – Дизайн фич от идеи до релиза. 🤩 Must-haves – Наличие вкуса; – Опыт в мобильных B2C приложениях; – Умение много работать и делать быстро. 🤩 Nice to have – Опыт вайб кодинга; – Опыт работы с AI/LLM продуктами или в зарубежных стартапах; – Любой (даже неудачный) опыт фаундерства. 🤩 The deal – Конкурентная зарплата в USD + опционы; – Remote-first: работа из любой точки мира через Deel; – Поездка в США на месяц для совместной работы и командные оффсайты. ➡️ Подробнее и отклик
Изображение поста

🛠️ DevTools для дизайнера: как проверять вёрстку без страха перед кодом

Дима из Voximplant написал руководство по использованию инструментов разработчика для дизайнеров. Главная мысль: открыть DevTools это как поднять капот у автомобиля. Не нужно разбирать двигатель, достаточно понимать, где что находится. Самая полезная функция для дизайнера это инспектор элементов. При наведении на элемент DevTools подсвечивает отступы цветом: зелёный показывает padding (внутренние отступы), оранжевый показывает margin (внешние). Вкладка Computed показывает финальные значения после всех вычислений браузера, а Styles показывает исходные CSS-правила и откуда они пришли. В Responsive Design Mode можно проверить адаптив, выбрав конкретное устройство или задав размеры вручную. Справа есть ручка для плавного изменения ширины, чтобы заметить момент, когда начинаются проблемы с вёрсткой. Внутри: – Как быстро достать SVG-логотип через Copy element; – Зачем нужна вкладка Network для скачивания защищённых изображений; – Как тестировать идеи прямо в браузере без Figma; – Почему изменения видны только вам до обновления страницы; – Какие пять основных зон есть в интерфейсе DevTools; – Как конкретные значения отступов упрощают фидбек разработчикам. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

День 4

Анимировали текст в Element 3D и добавляли VFX-эффекты.
3D Glass Icons — коллекция 3D-иконок.
🔗 Figma Community ▫️ #3d#elements
Изображение поста
Bther - Cryptocurrency Magazine Sketch Template
💾 Скачать и использовать https://disk.yandex.ru/d/lIic4Cq1gW18jw 🔎 Посмотреть описание https://elements.envato.com/bther-cryptocurrency-magazine-sketch-template-ETNCPN #uik #sketch
Изображение поста
Outline Topo Wireframe Elements
Векторные элементы для дизайна Install 🖼 Figma Дизайн
Изображение поста
Rainbow Objects — коллекция абстрактных элементов.
Изображение поста
Shaper — плагин со всеми необходимыми фигурами и базовыми формами.
Изображение поста
GlobeBe - 3D Food
Набор бесплатных ЗD-иллюстраций еды для твоего креативного проекта. #elements ОТКРЫТЬ Источник
Изображение поста
Graffiti Toolkit - 260 PNG Elements
Набор нарисованных от руки изображений. 🦄 Скачать: t.me/mokaposhnayazip/887
⭐️ Современные элементы из рваной бумаги | (15)
📌 Теги: #elements / #png / #graphic / #design ➡️ Скачать Нажми ❤ | Dsgn Lib
Изображение поста
Doodles & Scribbles — коллекция нарисованных элементов.
Изображение поста
⭐️ Готические элементы Дня Святого Валентина | (7)
📌 Теги: #elements / #png / #ai / #design ➡️ Скачать Нажми ❤️ | Dsgn Lib
Изображение поста
🇬🇧 The Elements of Good Craft
Кристофер Батлер рассказал о четырёх ключевых качествах дизайнера, которые позволяют стать настоящим мастером своего ремесла. Четыре аспекта: • Внимание к деталям — стремление к порядку и консистентности, заложенное в характере. Оно помогает видеть ошибки и несовершенства, которые могут быть незаметны другим. Этому качеству трудно научить, так как оно связано с фундаментальными предпочтениями человека • Фокус — ориентир на функциональность дизайна. Стремление безжалостно убрать все отвлекающие факторы внутри самого дизайна, чтобы осталась только суть • Время — длительная непрерывная практика, которая позволяет копить опыт и оттачивать мастерство. Эта инвестиция позволит быстрее и качественнее решать задачи • Вкус — особое сочетание предпочтений, индивидуальности и восприятия нового. Позволяет отличить ваши работы от работ других дизайнеров #статья
Изображение поста
Textile 3D Shapes — коллекция 3D-фигур.
🔗 Figma Community ▫️ #3d#elements
Изображение поста
Snapattern — генератор бесшовных узоров и файл, который содержит 50 шаблонов, сгенерированных с помощью этого плагина.
Изображение поста
Consta news
🔹NEW Pixso Мы опубликовали несколько библиотек дизайн-системы Consta в Pixso (Beta): На цветовых переменных: – Consta UI-Kit – Consta Table – Consta Graphics На старых цветовых стилях: – Consta Charts – Consta Drill Elements Для обратной совместимости: – Consta Default, Dark, Display Colors – Consta Default Typography – Consta Spaces ⚠️ Почему Beta? Некоторые компоненты могут работать с ошибками. Мы уже знаем о части из них, а про другие можем узнать только от вас :) Будем благодарны за обратную связь. В ближайшие недели постараемся довести библиотеки до максимального сходства с Figma. Ссылка на библиотеки в Pixso Что дальше: Готовим публикацию оставшихся библиотек и параллельно переезжаем на Variables (шрифты, отступы). Еще кое-что для Pixso: Мы сделали плагин Consta Props Styler — он строит таблицу свойств для компонент-сета в один клик (по аналогии с Propstar в Figma). Забрать можно здесь. 🔹NEW Figma – Перевели Consta UI-Kit на цветовые переменные. Теперь в библиотеке нет отдельных версий под каждую тему — переключение делается прямо в настройке Appearance → Variable Mode. – Навигация в менеджере ассетов стала проще. Что дальше: Переезд шрифтов и отступов на Variables. Обновление UI-Kit выйдет в ближайшие пару недель, затем подтянем и остальные библиотеки. 🔹Компоненты в UI-Kit – NEW Banner — статусная плашка с кнопками для закрепленных сообщений. – NEW File Icon — новая иконка формата файла: много предзаготовок + возможность собрать свою. – Tag — иконка теперь настраивается через Boolean-свойство, поправили размеры для S и XS. – Badge — выбор иконки вынесен в список свойств. – Groups — компоненты, у которых есть Group-версия, сделали отдельными от групп, как на портале: – AvatarGroup (добавили настройку View для всей группы разом) – SwitchGroup – BadgeGroup – CheckboxGroup – CollapseGroup 🔹Еще кое-что для Figma Сделали плагин Consta Style Replacer. Он помогает заменить цветовые стили на переменные по совпадению имен. Если библиотека опубликована в вашей команде — заведите у себя переменные и замените стили за пару кликов. В следующей версии добавим возможность работы с переменными из удаленных библиотек. Смотреть в Figma community Стэй тунед!
Brutalist Shape Elements — набор элементов нео-брутализма.
Изображение поста
Figma to Elementor
Инструмент для быстрого переноса макетов из Figma в Elementor, позволяющий редактировать их прямо в WordPress Install 🖼 Figma Дизайн
Изображение поста