Инструменты

Иллюстрации
undraw.co

Иллюстрации с открытым исходным кодом для всех идей, которые вы можете представить и создать.

absurd.design

Абсурдные иллюстрации, которые имеют смысл.

drawkit.com

Прекрасные бесплатные иллюстрации. Еженедельные обновления.

icons8.com

Иконки, иллюстрации, фотографии, музыка и инструменты дизайна.

blush.design

Иконки, иллюстрации, фотографии, музыка и инструменты проектирования.

humaaans.com

Смешайте и подберите иллюстрации людей с библиотекой дизайна.

цвета
coolors.co

Ультрабыстрый генератор цветовых схем!

Tendances
pinterest

Визуальное открытие идей: изображения, видео, тематические коллекции

дрибл

Платформа для дизайнеров, делящихся своими творениями и взаимодействующих

UX/UI и системы дизайна
Google Material Design

Система дизайна Google для единых и адаптируемых пользовательских интерфейсов.

Руководство по человеческому интерфейсу Apple

Рекомендации Apple по созданию интуитивно понятных приложений iOS и macOS.

UXPin

Платформа дизайна и совместной работы для создания прототипов и систем дизайна.

Frontify

Платформа управления брендом и системами дизайна для обеспечения согласованности.

Репозиторий систем дизайна

Коллекция ресурсов и примеров дизайн-систем для вдохновения.

Разработка фронтенда
htmlcheatsheet.com

Шпаргалка по HTML

fontawesome.com

библиотека икон

toptal.com/designers/htmlarrows/symbols

Нативные иконки в HTML

CSS-Tricks

Обязательно для CSS, со статьями, туториалами и советами по современному фронтенду.

Frontend Mentor

Фронтенд-кодерские задания, основанные на реальных проектах, для улучшения ваших навыков.

Dev.to

Сообщество разработчиков для обмена статьями, учебными пособиями и проектами.

CodePen

Онлайн-редактор кода и сообщество для обмена фрагментами кода и демонстрациями.

Разработка фронтенда с поддержкой ИИ

v0.dev

v0 преобразует описания на естественном языке в код и пользовательский интерфейс.

Uizard

Uizard сосредоточен на преобразовании макетов (изображений, эскизов) в код HTML, CSS и React.

usegalileo.ai

Galileo AI позволяет вам описывать нужный интерфейс на естественном языке, а ИИ генерирует редактируемые дизайны Figma.

TeleportHQ

TeleportHQ — это low-code платформа для фронтенд‑разработки, которая использует ИИ, чтобы помочь вам создавать и развертывать визуальные веб‑сайты.

Похожие статьи