18 новых ресурсов для дизайнеров и разработчиков

Готовы взорвать 2023? Предлагаем 18 новейших ресурсов, которые повысят вашу продуктивность!

Привет, дизайнеры и разработчики! В сегодняшней подборке вы найдёте генераторы текстур и градиентов, красивые шрифты, Figma-плагины, ИИ-инструменты, иконки, иллюстрации и многое другое.

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

Поехали!

Simple CSS Button Examples

Хорошая коллекция кнопок CSS, теней, форм ввода, цветовых палитр и других компонентов. Копируйте и вставляйте их в проекты.
Самое интересное, что здесь есть CSS-стили таких брендов, как Mailchimp, Shopify, ProductHunt и другие, которые можно использовать в качестве источников вдохновения.

Freelancer’s Annual Income Report

Подробный отчет о доходах графического дизайнера за 2021/22 гг. в увлекательном формате слайдера. Автор хотел сделать информацию прозрачной, чтобы каждый мог использовать её для собственных целей и при необходимости поделиться ей с другими.

Вы найдёте много интересных данных, например, количество отработанных часов, количество лидов, ставших клиентами, размер расходов и даже пожертвований.

More Graphics

Этот замечательный ресурс предназначен для тех, кому нужны текстуры, градиенты и паттерны. Здесь их много, и они доступны в форматах SVG, PNG и JPEG. А во вкладке «Variants» можно загрузить любое изображение и получить десятки различных вариантов для него.

Primer Prism

Primer Prism — инструмент для создания последовательных и доступных цветовых палитр. Он позволяет не только генерировать цветовые схемы, но и настраивать их на свой вкус. Результаты можно экспортировать в формате JSON или SVG.

Mona & Hubot Sans OFL

Если вам нравятся современные и универсальные гротески, обратите внимание на этот набор из двух шрифтов. Mona Sans — сильный шрифт для веба и печати. Hubot Sans прекрасно дополняет своего партнера и идеально подходит для заголовков и цитат.

Html.To.Design Plugin

Этот потрясающий Figma-плагин позволяет создавать редактируемый макет на базе любого веб-сайта.

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

Lucide Icon Toolkit

Lucide — улучшенная версия Feather Icons. Эта коллекция из почти 870 иконок с открытым исходным кодом, доступных в форматах SVG и PNG. Можно настроить цвет, толщину контура и размер иконки.

Doodle Icons

Посмотрите на эту великолепную коллекцию из 400+ иконок, нарисованных вручную и бесплатных для коммерческих и личных проектов.

Красивые иконки представлены в 15 категориях. Они доступны в нескольких форматах — SVG, PNG, Figma. Есть 100+ загружаемых, запоминающихся и интерактивных анимированных иконок.

Chromeography

Этот ресурс — дань уважения хромированным логотипам, винтажным автомобилям и различным аксессуарам из прошлого. Отличный сайт для вдохновения. Если вы графический дизайнер и разрабатываете концепции для проектов, этот ресурс будет вам полезен.

Palette

Этот онлайн-инструмент возвращает цвета старым фотографиям. Palette используют как пенсионеры, ностальгирующие по старым временам, так и профессионалы Netflix.

Palette содержит более 20 фильтров и дает высококачественные результаты.

Nolibox Creator

Отличный генератор изображений на базе искусственного интеллекта с широкими возможностями. Создавайте картинки, используя текстовые подсказки, убирайте и меняйте элементы, создавайте несколько вариантов изображений, повышайте качество работ и многое другое. Выбирайте различные варианты, режимы, стили и даже размеры для ваших картинок. Демо-версия доступна здесь.

Tylify

Tylify — веб-приложение для создания паттернов. Загрузите любое изображение или добавьте эмодзи, а затем настройте их так, как вам нравится. Меняйте цвета элементов, поворачивайте и располагайте их в любом месте, настраивайте цвет фона. Доступен Figma-плагин.

Atlas Icons

Бесплатная библиотека линейных иконок с открытым исходным кодом в SVG-формате. Доступны в формате Figma, в виде иконочного шрифта, а также в виде компонентов React, Vue и Flutter. База включает 2330+ иконок, разбитых на 32 категории. Иконки можно настроить по размеру, толщине контура и цвету. Figma-плагин находится здесь.

Startups.fyi

На этом сайте собраны успешные сторонние проекты и идеи. Это отличный ресурс для всех, кто интересуется прибыльными предприятиями и стартапами. Если вы хотите знать, как предприниматели создают успешный бизнес и как заработать в Интернете — подпишитесь на их бесплатную еженедельную рассылку.

Confluence.vc

Если вы работаете над новым стартапом и вам нужны инвесторы для привлечения средств — эта база данных венчурных инвесторов то, что вам нужно! Confluence.vc содержит данные о более 2000 инвесторов, которые можно отфильтровать по городам, штатам, секторам, чтобы облегчить поиск.
Как только вы найдете нужного инвестора, обратитесь к нему через Airtable.

Frontend Mini Challenges

Frontend Mini Challenges — хорошая платформа, которая позволяет узнать больше о машинном коде, круговых собеседованиях и обучении фронтенду.
На сайте представлен 31 мини-челлендж. Например, есть задача под названием Password Strength, которая покажет, является ваш пароль надежным или нет.

Open Sauce Fonts

В рамках внутренней системы компания Creative Sauce создала это семейство гротесков. Они разработали эти шрифты для того, чтобы облегчить чтение мелкого текста в печатном виде и на экранах. Семейство шрифтов Open Sauce поддерживает более 80 языков и включает 42 стиля.

Autoname

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

Мы уверены, что вы обязательно найдёте что-то полезное для себя из этого перечня ресурсов!