Инструменты

591

Мокапы можно настраивать простым перетаскиванием. А ещё выбирать размер, материалы и силу тиснения объекта, если она есть, вращать объект, регулировать свет и падающую тень, добавлять анимацию

На примере запроса «a rabbit, by [artist]» вы видите 500 картинок кролика, сгенерированных в стилях самых разных художников. Эта шпаргалка помогает быстро найти нужный стиль

В подборку вошли актуальные и продвинутые сервисы с гибким управлением цветовыми палитрами, где их можно подкручивать и настраивать под индивидуальные потребности проекта

Моментально показывает, соответствуют ли комбинации цветов минимальным требованиям контрастности WCAG 2.0. Можно указывать цвета в HSL, Hex, LCH, sRGB, Lab, OKLCH и других форматах

В апдейте создатели модели повысили качество генераций, увеличили их разрешение до 1024px по каждой стороне, добавили контроль соотношения сторон, а изображениям —фотореалистичности. К тому же теперь можно вносить локальные изменения на картинке, не меняя всей композиции сцены (функция ControlNet) и генерировать стикеры без фона

На платформе можно проектировать и запускать сайты и веб-приложения. Предусматривает командную работу в режиме онлайн, импорт дизайна из Figma, кастомные React-компоненты, готовые шаблоны и многое другое. Vev располагает тремя отдельными визуальными редакторами: для дизайна, кода и контента

Мы собрали лучшие бесплатные плагины для Figma, которые позволяют быстро настроить экспорт макетов из Figma в широко используемые сервисы для прототипирования и запуска готовых сайтов. Они помогают избежать ошибок при ручной конвертации, автоматизировать рутинные этапы экспорта, сэкономить процесс запуска продукта, реализовать различные идеи при небольших бюджетах и в целом обойтись без помощи разработчика

Работает в связке с Figma. Вы создаёте прототип в Figma и переносите макет в Bravo, подключаете базы данных для сбора информации о пользователях через API. Есть поддержка аутентификации через OAuth2 и множество других API-интеграций

В подборку вошли малоизвестные галереи с вдохновляющими примерами сайтов и интерфейсов и не вошли заезженные источники, вроде Behance, Dribbble, Awwwards и Pinterest. Некоторые представленные галереи специализируются на отдельных типах сайтов, например выкладывают только интернет-магазины или сайты агентств. Другие публикуют сайты в одном стиле, например, брутальные или минималистичные

Мы нашли сайты с референсами удачных юзерфлоу (user flow), которые используют популярные бренды и реальные бизнесы в приложениях и на сайтах. Вы увидите разные примеры и сможете взять на заметку рабочие решения для собственных проектов. Например, там можно посмотреть, как устроен вход в систему в приложении Reddit или процесс оформления заказа в Starbucks

Аналог Webflow. Работает и в браузере, и в виде настольного приложения. Имеет открытый исходный код и обещает никогда не запирать пользователей у себя на платформе. То есть вы в любой момент можете экспортировать исходники своего сайта и разместить на любом сервере на свой выбор

Нейронка меняет визуальную стилистику исходного видео по текстовым промтам или референсам в виде картинок и видео. В новой версии она научилась генерировать видео исключительно по текстовому промту. То есть вы пишите запросы, как в Midjourney, а на выходе получаете видео

В Fabrie можно создавать, обсуждать и хранить все файлы проекта: заметки, рисунки, блок-схемы, ментальные карты, таблицы и другие файлы

Как Figma, но полностью бесплатный и с открытым исходным кодом. Есть стили и компоненты, библиотеки, Flex Layout (аналог Auto Layout), прототипы, режим инспектирования дизайна для разработчиков, командная работа и комментирование, вебхуки для отслеживания активности команды, шорткаты, экспорт разметки (SVG и HTML) и стилей (CSS, Less)

Пару месяцев назад мы уже рассказывали о браузерном инструменте Recraft. С тех пор ребята добавили несколько новых фичей

Веб-приложение, которое можно установить локально или на свой сервер. Чтобы начать работать со StableStudio, необходимо установить Node.js и Yarn, клонировать репозиторий и запустить нужные команды. Подробная инструкция есть на Github: github.com/Stability-AI/StableStudio

Чтобы создать в нём 3D-окружение для VR, XR, игр или роликов, достаточно нарисовать курсором мыши простой эскиз из линий и добавить текстовый промт — панорама появится автоматически

Мы собрали 14 главных ноукод-инструментов, бесплатных и платных, с разным функционалом, которые помогут сэкономить время на создании полноценного сайта или мобильного приложения

Довольно мощный набор инструментов для создания дизайна упаковки и его эффектной презентации

Браузерный инструмент, в котором без регистрации можно безлимитно генерировать абстрактные композиции в 10 разных стилях.

Отличный инструмент для организации шрифтовой коллекции. Показывает все установленные в вашей системе шрифты и шрифты из Google-библиотеки

Инструмент будет полезен при разработке экранов входа в систему, фонов, баннеров, дизайна продуктов и создании крутых визуальных эффектов для маркетинговых страниц