Рейтинг в Figma: UI Kits

Streamline – это удостоенная наград библиотека UI/UX ресурсов для дизайнеров, предлагающая огромный выбор из 200 000 иконок, иллюстраций и эмодзи в форматах SVG и PNG. Это позволяет создавать гармоничные дизайны и значительно ускоряет рабочий процесс, предоставляя обширный каталог единообразных визуальных элементов для любых проектов. Бесплатные и платные наборы доступны для различных целей, от интерфейсов до презентаций, с гибкими условиями лицензирования.

Chakra UI Figma Kit - это набор простых, модульных и доступных компонентов для проектирования и создания ваших приложений. Он включает в себя обширные стили типографики, цвета и эффекты, варианты компонентов с учетом размера и состояния, динамические слои на базе Auto Layout, а также неявные размеры пиксельной сетки и интервалы. Все компоненты являются open source и доступны для React-приложений уровня production.

Horizon UI - это передовой бесплатный шаблон административной панели с открытым исходным кодом, разработанный на основе Chakra UI и React. Он идеально подходит для создания современных и привлекательных веб-приложений и веб-сайтов, предлагая сотни готовых элементов, блоков и страниц. Horizon UI экономит время разработчиков, предоставляя быстрый, адаптивный и стильный интерфейс, включающий примеры для NFT-страниц, аутентификации и профилей.

Purity UI Dashboard - это современная и сложная бесплатная ReactJS панель управления, созданная на основе Chakra UI. Разработанная Creative Tim и Simmmple, она идеально подходит для тех, кто ценит современный UI и красивые веб-сайты. Благодаря сотням элементов, дизайнерским блокам и полностью закодированным страницам, Purity UI Dashboard предоставляет все необходимое для создания потрясающих веб-сайтов и веб-приложений. Она включает в себя готовые примеры страниц, такие как вход и профиль, с различными вариантами дизайна, чтобы вы могли быстро приступить к работе.

Бесплатный набор анимированных индикаторов загрузки (спиннеров и полос) для Figma, предлагающий более 50 различных стилей, полностью настраиваемых и простых в использовании. Набор включает в себя разнообразные категории: круги, загрузчики, пульсации, точки, градиенты, скругленные, острые, квадраты и троеточия. Все элементы полностью настраиваются в Figma, позволяя легко менять цвета без использования дополнительных плагинов или программ. Идеально подходит для улучшения пользовательского опыта во время ожидания загрузки контента.

Vision UI Dashboard React - это бесплатная ReactJS панель управления, разработанная на основе Material UI, от Creative Tim и Simmmple. Она идеально подходит для тех, кто ценит современный UI и элегантные веб-сайты. С сотнями элементов, блоков и готовых страниц, она поможет вам создавать впечатляющие веб-приложения. Включает в себя примеры страниц, такие как вход в систему и профиль, с различными вариантами дизайна.

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

Hope UI – это бесплатный шаблон административной панели с открытым исходным кодом, построенный на Bootstrap 5. Он представляет собой тщательно разработанную и готовую к использованию систему для создания административных интерфейсов. Шаблон полностью адаптивен и удобен для пользователей, что позволяет эффективно работать над проектами, требующими визуализации данных и управления контентом. Hope UI доступен в различных вариантах: HTML, Vue JS, Laravel и React JS.

Набор иконок Open Iconic от Iconduck, состоящий из 223 элементов с MIT-лицензией, идеально подходит для разработки пользовательских интерфейсов. Эти бесплатные иконки для личных и коммерческих проектов легко встраиваются в дизайн одним кликом, поддерживают мгновенный поиск и перетаскивание. Особенно популярны иконки "Закрыть", "Поиск", "Безопасность" и элементы для редактора текста. В будущем добавятся функции сохранения избранного, истории поиска и встраивания.

Microsoft Fluent 2 iOS – это новый UI-кит от Microsoft, представляющий собой эволюцию дизайн-системы Fluent для мобильных устройств на iOS. Он находится в стадии разработки и постоянно пополняется новыми компонентами. В нем используется переменная библиотека для управления цветами и темами, что значительно уменьшает использование памяти. Файл организации был изменен, чтобы упростить навигацию по системе.

Accessible Form Fields предоставляет набор компонентов для создания форм, соответствующих базовым требованиям визуальной доступности. Компоненты включают в себя поля с достаточным контрастом (уровень AA), поддерживающие иконки и четко различимые состояния (активное, при наведении, заполненное, с ошибкой, отключенное). Это упрощает создание форм, которые удобно использовать людям с различными особенностями зрения, хотя стоит помнить, что полноценная доступность требует учета и других аспектов, описанных в руководстве WCAG.

VKUI iOS Library – это библиотека компонентов для дизайна интерфейсов приложений ВКонтакте под iOS. Апрельское обновление 2022 года принесло компонентам Variants, Auto Layout и другие улучшения. Команда VKontakte работает над новой, масштабной версией библиотеки с измененными и улучшенными компонентами.

UI Kit TapTap Design System предназначен для повышения удобства пользователей и эффективности рабочего процесса разработчиков. Он включает в себя набор UI-компонентов, примеров и руководств по дизайну, что позволяет повысить согласованность дизайна в ваших проектах. Система предоставляет готовые решения и рекомендации, облегчая создание единообразного и качественного пользовательского интерфейса.

Преобразите ваши Figma-прототипы с помощью "25 Button Hover Animations"! Этот файл предлагает 25 уникальных анимированных кнопок с возможностью настройки стилей (заливка, контур) и радиусов. Благодаря 100 вариантам и всего одному экземпляру кнопки, вы сможете легко добавить интерактивности и динамики вашим проектам, создавая запоминающийся пользовательский опыт.

Этот проект включает в себя прототип анимации Dynamic Island для iPhone 14 Pro, а также мокапы для iPhone 14 Pro, iPhone 14 Pro Max, iPhone 14 и iPhone 14 Plus. Он предоставляет ресурсы для визуализации и тестирования функциональности Dynamic Island, а также для создания макетов различных моделей iPhone 14. Полезно для дизайнеров, разработчиков и маркетологов, желающих изучить и продемонстрировать возможности нового интерфейса и внешний вид устройств.

Flex UI library for Tailwind CSS – это набор готовых секций и UI-элементов, созданный для ускорения разработки веб-страниц. Библиотека идеально подходит для использования в Shuffle Editor, где вы можете визуально собирать веб-сайты и экспортировать код в Tailwind CSS. Она предлагает сотни готовых компонентов, включая элементы навигации, заголовки, формы, футеры и многое другое, что значительно упрощает и ускоряет процесс создания сайтов.

Arco Design Pro 2.0 – это обновленная версия дизайн-системы от ByteDance, предназначенная для создания корпоративных веб-приложений. Она включает в себя готовые шаблоны для типичных страниц админ-панелей, таких как рабочие столы, списки, дашборды и страницы деталей. Обновленный дизайн и поддержка React и Vue позволяют быстро и эффективно разрабатывать современные интерфейсы. Используйте Arco Design Pro 2.0 для оптимизации разработки и создания профессиональных веб-приложений.

Бесплатный и готовый к использованию фреймворк Bootstrap 5 Grid System, разработанный для адаптации веб-страниц под три типа устройств: настольные компьютеры, планшеты и мобильные телефоны. Включает в себя Figma локальные переменные, такие как светлые и темные цвета, интервалы и радиусы, что упрощает процесс проектирования и обеспечивает согласованность внешнего вида на разных платформах. Этот инструмент помогает разработчикам быстро создавать отзывчивые и визуально привлекательные макеты для сайтов.

TailAdmin – это бесплатный, мощный и универсальный шаблон панели администратора, разработанный в Figma на основе Tailwind CSS. Он предлагает комплексное решение для разработчиков и дизайнеров, позволяя быстро создавать функциональные и настраиваемые панели управления и бэкенды для веб-проектов. TailAdmin предоставляет широкий набор UI компонентов, элементов и страниц, необходимых для построения многофункциональных дашбордов, и является отличным стартовым набором для создания мощных админ-панелей.

Car Rental Company Dashboard UI Kit – это идеальное решение для разработчиков, создающих панели управления для компаний по прокату автомобилей. Он обладает современным и интуитивно понятным интерфейсом, который помогает пользователям легко управлять процессами аренды автомобилей и финансами. Этот настраиваемый UI Kit включает в себя различные компоненты, в том числе главную страницу, и позволяет создать мощную и удобную панель управления для эффективного управления повседневными задачами вашей компании.

VKUI Web Library · Beta - это библиотека компонентов, разрабатываемая для интеграции с vk.com. Она предоставляет готовые элементы интерфейса, адаптированные под стиль и стандарты VK, что позволяет разработчикам быстро и эффективно создавать веб-приложения, соответствующие экосистеме VK. Библиотека находится в стадии бета-тестирования.

NativeBase v3.4 Design Kit - это библиотека компонентов для Figma, созданная для ускорения разработки интерфейсов React и React Native приложений. Она предлагает модульные и доступные компоненты, соответствующие рекомендациям WCAG 3.0, с семантическими цветами и множеством вариантов. Используя готовый дизайн и открытый исходный код NativeBase, разработчики могут значительно сократить время создания приложений.

VKUI Android Library обновлена в апреле 2022 года, предлагая варианты для многих компонентов, Auto Layout и небольшие улучшения. Команда VKontakte готовит масштабное обновление библиотеки с переработанными компонентами. Это инструмент, предоставляющий готовые UI компоненты для Android приложений, разработанный командой VKontakte, который упрощает и ускоряет процесс разработки, обеспечивая единообразный пользовательский интерфейс в стиле VK.

Knock in-app feed notifications kit предоставляет компоненты для добавления привлекательных внутриигровых уведомлений в ваш продукт. Он поддерживает веб и мобильные дизайны, управление свойствами компонентов, темный режим, фильтрацию, функцию "отметить как прочитанное" и многое другое. Этот набор помогает вам легко интегрировать и настраивать каналы уведомлений прямо в вашем приложении, улучшая взаимодействие с пользователем.

Vuetify Components v.2.2.12, опубликованные 12 февраля 2020 года, представляют собой библиотеку компонентов пользовательского интерфейса, разработанную для Figma. Она предоставляет готовые к использованию элементы, соответствующие дизайн-системе Vuetify, что позволяет дизайнерам быстро создавать прототипы и макеты веб-приложений, придерживаясь единообразного стиля и ускоряя процесс разработки. Эти компоненты упрощают процесс проектирования интерфейса, обеспечивая согласованность и профессиональный вид конечного продукта.

Официальные ресурсы Apple для проектирования iOS включают UI-элементы, шаблоны и руководства, охватывающие полный спектр контролов, видов и глифов, доступных разработчикам iOS SDK. Они помогают создавать приложения, соответствующие дизайн-языку iOS. Ресурсы включают в себя файлы для автоматизации создания графики (например, иконок) в Figma, а также палитры цветов, таблицы динамического шрифта и сами шрифты. Это позволяет разработчикам быстро и эффективно проектировать интерфейсы, визуально соответствующие iOS.

Ant Icons - это набор иконок для Ant Design UI, популярной библиотеки React компонентов. Плагин позволяет искать и добавлять иконки прямо в Figma, упрощая процесс проектирования интерфейсов. Иконки автоматически получают названия в фреймах, а функция поиска ускоряет нахождение нужной иконки. В будущем планируется добавить возможность перетаскивания иконок прямо на холст.

NativeBase Figma Design Kit v3.2 - это библиотека компонентов с открытым исходным кодом для проектирования React и React Native приложений. Она включает в себя обширные стили для типографики и цвета, динамические слои на основе Auto Layout, темы и адаптивный дизайн для различных платформ, как в светлом, так и в темном режимах. Design Kit предоставляет строительные блоки, необходимые для создания интерфейсов приложений, и предлагает готовые компоненты для использования в разработке.

Эта бесплатная и доступная дизайн-система – самый быстрый способ начать новый дизайн-проект. Просто скопируйте файл и настройте его под свои нужды. Она основана на Tailwind CSS и имеет технические спецификации, упрощающие внедрение для разработчиков. Система разработана с учетом доступности и соответствует уровню AA руководства по обеспечению доступности веб-контента (WCAG).

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

Elastic UI (EUI) – это библиотека дизайна, используемая в Elastic для разработки внутренних продуктов, которым необходимо соответствовать единому стилю компании. Она предоставляет готовые компоненты и стили, обеспечивая согласованность и удобство использования в различных приложениях Elastic. EUI помогает разработчикам быстро создавать пользовательские интерфейсы, придерживаясь установленных стандартов дизайна Elastic.

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

Purity UI Dashboard - бесплатный шаблон административной панели, созданный на основе Chakra UI, состоящий из сотен элементов, готовых блоков и полностью закодированных страниц. Он поможет вам быстро создавать потрясающие веб-сайты и веб-приложения.

Бесплатная тема для eCommerce магазинов модной одежды, разработанная на основе Vue Storefront, с интеграцией с популярными серверными платформами. Capybara + StoreFront UI предоставляет готовый дизайн, оптимизированный для быстрой разработки PWA (Progressive Web App) и удобной передачи проекта разработчикам. Включает предустановленные страницы для различных разделов магазина, таких как главная, поиск, категории, детали продукта, профиль, корзина, оформление заказа и другие, что значительно ускоряет процесс создания интернет-магазина.

Kleros Design System - это набор атомарных компонентов дизайна, созданный для обеспечения единообразия, согласованности и удобства использования всех продуктов в экосистеме Kleros. Он включает в себя более 120 компонентов, основанных на базовой системе интервалов в 8 пикселей, а также настраиваемые цвета и стили типографики. Система призвана упростить разработку и интеграцию, а также отражать ключевые принципы и индивидуальность Kleros.

Argon Dashboard Chakra - Free Version – это бесплатный и современный ReactJS дашборд, разработанный Creative Tim и Simmmple на базе Chakra UI. Он идеально подходит для тех, кто ценит современный UI и красивые веб-сайты. Дашборд включает в себя множество элементов, блоков и полностью закодированных страниц, что позволяет легко создавать потрясающие веб-приложения, например, страницы входа, профили и другие.

Забудьте о стилизации кнопок и начните создавать приложения прямо в Figma! Этот плагин позволяет быстро создавать реалистичные экраны приложений, используя готовые экраны Material UI, настраиваемые стили цветов и блоки контента. Вы сможете собрать прототип и поделиться им с командой, не тратя время на дизайн с нуля. "App UI Builder" включает в себя более 50 макетов приложений, более 100 блоков контента и поддерживает Auto-Layout и Variants. Он предоставляет готовые мобильные паттерны, такие как экраны запуска, авторизации, главные экраны, поиск, ленты контента и многое другое.

Radix & TailwindCSS UI Components - это библиотека UI-компонентов, построенная на основе Radix UI и стилизованная с использованием цветов, типографики и отступов Tailwind CSS. Она предоставляет готовые к использованию, современные компоненты пользовательского интерфейса с поддержкой светлой и тёмной тем оформления, позволяя быстро создавать стильные и функциональные веб-приложения.

Концепция мобильного приложения для музыкальных социальных сетей

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

OutSystems UI v1.1.3 - это полный набор стилей, UI-паттернов, виджетов и макетов, основанных на фреймворке OutSystems UI. Он предназначен для быстрой стилизации ваших OutSystems приложений, особенно при использовании с плагином OutSystems UI Figma. В этой версии добавлены новые паттерны, такие как Time Picker и Month Picker, для расширения возможностей создания пользовательского интерфейса.

CORE Lite v5.0 - это хорошо продуманный стартовый набор, использующий лучшие практики дизайн-систем и гарантирующий перспективность, что позволит вам всегда быть на шаг впереди. Обновлен в феврале 2025 года. Смотрите журнал изменений.

Этот компонент FAB (Floating Action Button) позволяет создавать красивые прототипы с готовыми взаимодействиями и легко редактируемыми действиями. Он идеально подходит для добавления основной кнопки действия в ваши проекты, обеспечивая удобный и интуитивно понятный интерфейс для пользователя. Используйте FAB для выделения наиболее важных функций и упрощения навигации в ваших прототипах.

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

Taiga UI – это облегченный, полностью поддерживающий treeshaking UI-кит для Angular. Он состоит из множества базовых библиотек и дополнений, позволяя создавать современные и производительные интерфейсы. Taiga UI предлагает широкий набор готовых компонентов, упрощая разработку и обеспечивая консистентный внешний вид вашего приложения.

Vision UI Dashboard Free – это современная и инновационная бесплатная ReactJS панель управления, разработанная на основе Material UI командами Creative Tim и Simmmple. Она предназначена для создания потрясающих веб-сайтов и веб-приложений с использованием современных UI элементов и красивого дизайна. Включает в себя сотни элементов, готовые блоки и полностью закодированные страницы, а также примеры для страниц входа, профиля и других. Вы можете легко выбрать базовый дизайн, иллюстрацию или обложку, чтобы быстро начать свой проект.

Junte UI Components kit – это коллекция качественных UI-компонентов для Angular с дизайн-системой в Figma, позволяющая создавать согласованный дизайн и прототипы приложений. Включает более 50 готовых к использованию, настраиваемых компонентов с вариантами и автолейаутом, облегчая переход от дизайна к коду. Предоставляет инструменты для управления темами, типографикой и стилями, а также обширный набор иконок, делая разработку интерфейса быстрой и эффективной.

Kans ? - это административная панель для системы управления больницей (SaaS), разработанная на основе дизайн-системы Metronic. Вы можете свободно использовать и адаптировать этот дизайн для своих нужд. Если вам понравилась концепция, автор призывает оценить работу и оставить отзыв. Если вам требуется разработка подобного дизайна, вы можете нанять автора на Upwork или Freelancer, а также связаться с ним по электронной почте для обсуждения сотрудничества.

Этот кросс-платформенный, мобильный гамбургер-меню, разработанный в рамках iPhone 11 Pro, легко адаптируется под другие размеры экранов. Он включает в себя настраиваемые компоненты и функциональный прототип, позволяя открывать и закрывать меню по клику или перетаскиванием. "Stylish Hamburger Menu" - это стильное и удобное решение для навигации в мобильных приложениях, обеспечивающее компактное отображение меню на небольших экранах.

Airframe Material-UI 1.1 Open Source - это полнофункциональная бесплатная дизайн-система, основанная на официальном Material-UI. Она предлагает широкий набор готовых к использованию компонентов и вариантов, включая различные макеты, боковые панели, временные шкалы, кнопки, поля ввода и многое другое. Airframe позволяет быстро создавать современные и стильные пользовательские интерфейсы, экономя время и усилия при разработке веб-приложений.