⚡ Публичный запуск бетки сервиса по нейронкам «Утопия»

Все эти две недели мы работали без выходных, чтобы запустить первую «сырую», но рабочую версию. Сейчас можно авторизоваться и сделать генерации в 5 нейронках, в том числе Nana Banana и Flux. Пока доступен бесплатный демо-доступ. Цель этого 2-х недельного спринта: развернуть бекенд, систему деплоя, сделать базу данных и «правильный» фронтенд, который можно будет быстро стилизовать под другой дизайн (это делаю на всякий случай на будущее). Дальше реализация пойдет быстрее. Также цель была протестировать подключение нейронок и вообще их генераций. Визуальный дизайн сейчас ставлю в последнюю очередь, так как в приоритете реализация функционала. Но все равно делаю аккуратно и чистенько, в том числе на мобилке. Важно, чтобы пользователи понимали, что здесь юзерфрендли интерфейс. Вообще в планах делать упор именно на широком функционале и комфорте работы с продуктом. Это будет наше позиционирование. На рынке РФ пока вменяемых аналогов с таким фокусом нет. Надо успеть занять нишу. 📌 Следующий спринт (до конца следующей недели): — Добавить разные приятные фишки для раздела генерации фото — Добавить Midjorney — Личный кабинет — Тарифы/Оплату/Эквайринг (вообще очень простой функционал) — Промокоды (для вас любимых) — Начать делать раздел с генерацией видео и редактированием фото. Параллельно будем подключать все нейросети, например, Kling, Seedance, Veo 3 и т.д. Херачить будем ударно, но с умом. То есть работать компонентно и модульно. И как говорит мой тех.директор Алексей: «Я настолько ленивый, что делаю сразу все хорошо». Вот мы так и будем работать: с планированием и последовательно. Вначале это забирает время, но быстро окупается, как в скорости, так и себестоимости. ➡️ Сам сервис можно уже протестировать по ссылке P.S. Все, могу выдохнуть. Буду делиться с вами всеми промежуточными успехами. Цель – на своем примере показать, что все возможно, если правильно выстраивать процесс. Даже захватить мир😊🚀 Если что-то глючит смело пишите сюда в чат с указанием устройства/браузера/ОС и желательно скрин. Все поправим 😊
Изображение поста

#Иконки

Набор из 500 иконок для твоих проектов. Все в компонентах и разбито на категории Иконки тут
Изображение поста

Набор компонентов для выбора даты и времени.

• 15+ готовых компонентов с поддержкой Variants и Auto Layout • Адаптирован для веб и мобильных проектов • Регулярные обновления и улучшения #uik #datetime #components #web #mobile Открыть в Figma

CometChat UI K

UI K для создания чатов и мессенджеров с компонентами для Android. #App ОТКРЫТЬ
Изображение поста
Ко мне периодически обращаются за аудитом портфолио или какого-то конкретного макета, или когда возникают вопросы по профессии UI/UX дизайнера. А я что-то отзывы особо никуда не собираю и не рассказываю о таких вещах 🐈🐈
Буду делиться! Тут был запрос на то, как организовать объекты внутри готового макета, автолэйауты, компоненты, стили и прочее. Записала видео и посоветовала книги, статьи и видео 🙂
Изображение поста
Finesse UI Kit by Raja Karnekar Большой набор различных компонентов для создания крутого дизайна. Внутри вы найдёте иконки, аватарки, кнопки и другие элементы.
Изображение поста
DesignCode UI
Обширная система дизайна, включающая сотни компонентов и шаблонов пользовательского интерфейса Install
Изображение поста
Шаблон торговой площадки NFT.
• Простой в использовании шаблон пользовательского интерфейса NFT Marketplace. • 7 адаптивных экранов. • Настраиваемые компоненты. #webse #nft #template Открыть в Figma
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 Стэй тунед!
Costa news
Привет! На связи команда Consta, и мы к вам с новостями. Темизация и цветовые токены Мы готовимся к масштабному обновлению механик работы с темами — как в дизайне, так и в коде. Что изменится: • Откажемся от расчёта оттенков цветов через PostCSS в переменных компонентов. • Вместо этого введём Color Ramps — цветовые шкалы, построенные на базе базовых цветов. Оттенки из Color Ramps будут использоваться внутри компонентов. • Для удобства кастомизации тем разработаем инструмент генерации Color Ramps, чтобы вы могли создавать их самостоятельно. • Расширим набор цветовых переменных и статусных цветов для более гибкой работы с состояниями компонентов. • Обеспечим полную связку дизайна и кода — все цветовые и другие переменные будут синхронизированы. Плавный переход Для комфортного перехода текущие значения переменных перенесём в Figma Variables вместо старых стилей. Со следующей среды начнём публиковать группы компонентов, уже переведённых на переменные. Этот шаг — промежуточный этап перед полным обновлением тем. Пока в Figma Variables мы выносим только цвета, но скоро добавим шрифты, отступы и другие параметры для полной синхронизации с кодом. Кроме того, мы разработали плагин, который позволит быстро заменять стили на переменные в существующих компонентах — это упростит перевод ваших кастомных компонентов на новые цветовые переменные. Consta в Pixso В связи с выходом Pixso 2.0 готовим запуск Consta UI-Kit в этом инструменте на базе переменных. Ожидайте публикацию уже на этой неделе! Стэй тунед!
Изображение поста
UI Kit for Landings — Шаблон с большим количеством компонентов для мобильной и десктопной версии
Изображение поста
Плагин Rombo — значительно упрощает процесс создания анимации для компонентов интерфейса. С помощью предустановленных эффектов взаимодействия вы можете сразу же добавлять динамичные элементы в свои проекты, что делает процесс дизайна более быстрым и увлекательным.
❗️ Новостной дизайн
#news 📱 Figma Slides официально вышла из бета-тестирования #figma #uiux #designtrends #design Figma Slides — теперь доступна для всех тарифных планов и включает новые функции. Такие как интеграция с PowerPoint, улучшенное редактирование видео, компоненты для слайдов и анимации. 📌 Ссылка на источник Поставь реакцию 💕 | 🙍‍♂️ Design News
Бесплатные финансовые компоненты: светлые и темные.
• Легко создавайте и настраивайте финансовые информационные панели, диаграммы и отчеты. #finance #analytics #chart #ui Открыть в Figma Источник
Figma-учебник — секрет продуктивных дизайнеров
Долго возишься с выравниванием элементов? Забываешь, как сделать компонент? 150 хоткеев для работы в Figma сделают твою жизнь проще. Figma-учебник — это Telegram-бот, который всегда под рукой. Он ускорит твою работу в 2–3 раза. 📌 Хоткеи разбиты по темам 📌 Подходят для начинающих и продвинутых дизайнеров 📌 Не надо ничего гуглить или запоминать 📌 Подобраны для macOs и Windows Запускай Figma-учебник
Изображение поста
Figma-учебник — секрет продуктивных дизайнеров
Долго возишься с выравниванием элементов? Забываешь, как сделать компонент? 150 хоткеев для работы в Figma сделают твою жизнь проще. Figma-учебник — это Telegram-бот, который всегда под рукой. Он ускорит твою работу в 2–3 раза. 📌 Хоткеи разбиты по темам 📌 Подходят для начинающих и продвинутых дизайнеров 📌 Не надо ничего гуглить или запоминать 📌 Подобраны для macOs и Windows Запускай Figma-учебник
Изображение поста
Figma-учебник — секрет продуктивных дизайнеров
Долго возишься с выравниванием элементов? Забываешь, как сделать компонент? 150 хоткеев для работы в Figma сделают твою жизнь проще. Figma-учебник — это Telegram-бот, который всегда под рукой. Он ускорит твою работу в 2–3 раза. 📌 Хоткеи разбиты по темам 📌 Подходят для начинающих и продвинутых дизайнеров 📌 Не надо ничего гуглить или запоминать 📌 Подобраны для macOs и Windows Запускай Figma-учебник
Изображение поста
🤖 Автоматизация дизайн-систем: советы и инструменты для старта
Джос Памбу рассказал о синхронизации токенов, компонентов и документации, дал практические рекомендации по выбору инструментов, а ещё рассказал как эти процессы можно автоматизировать. Как обновление токена в Фигме автоматически попадает в код и документацию. Без автоматизации команды постоянно сталкиваются с рассинхроном: цвет поменяли в дизайне, но забыли в коде. В статье разбирается весь процесс: от настройки токенов через Token Studio до генерации кода через Supernova. Особенно интересна часть про AI, который помогает с именованием сотен токенов и генерацией документации. Джос предупреждает: не автоматизируйте всё сразу одним скриптом, лучше разбить на маленькие шаги. Внутри: – Какие инструменты синхронизируют токены между дизайном и кодом; – Как настроить экспорт из Фигмы в разные форматы кода; – Почему важно разбивать автоматизацию на маленькие шаги; – Где AI может реально помочь с дизайн-системой; – Какие ошибки чаще всего делают при автоматизации; – Пошаговая инструкция настройки через Supernova. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Niceverynice — коллекция компонентов, паттернов и решений разных компаний.
niceverynice.com/components
MC UI Componets K
Этот набор содержит более 15 полностью настраиваемых компонентов пользовательского интерфейса с автоматической компоновкой, вариантами, цветами и текстовыми стилями, которые помогут вам запустить ваш проект! #Components ОТКРЫТЬ 👨 Дизайн-телега
Изображение поста