🪓 Инструменты
Набор рабочих инструментов: ПО, плагины, приложения, расширения, сайты и etc.
| Что это | Описание | Использовать | Тип | Сфера | Доступ | Польза | Партнёрка |
|---|---|---|---|---|---|---|---|
Rive
|
Инструмент для создания анимации графики. |
https://rive.app/ | Программа | UI Анимация Иконки Иллюстрация | Частично бесплатный | Musthave | |
IconSet
|
Программа для управления значками SVG. Не нужно хранить кучу огромных сетов в фигме для иконок. Юзай iconset и будет тебе счастье. Все разбивается по папочкам, классифицируется и можно искать по названию. |
https://iconset.io/ | Программа | Иконки | Частично бесплатный | Musthave | |
Type Scale
|
Калькулятор типографики — поможет подобрать оптимальные характеристики для текста. |
https://typescale.com/ | Сайт | Шрифты | Свободный | Полезно | |
miro
|
https://miro.com/ | Веб-приложение Программа | Прототипирование | Частично бесплатный | Полезно | Домашка | |
ProtoPie
|
https://www.protopie.io/ | Анимация | Частично бесплатный | Полезно | Домашка | ||
Principle
|
Программа для интерфейсных анимаций только для МАС. |
https://principleformac.com/ | Программа | Анимация | Платный | Полезно | Домашка |
PageSpeed
|
Проверка скорости сайта. |
https://pagespeed.web.dev | Сайт | Веб Оптимизация | Свободный | Полезно | |
Проверка оптимизации веб-страницы под мобильные устройства
|
Сервис Гугла, для проверки сайтов на адаптив. |
https://search.google.com/test/mobile-friendly | Сайт | Адаптив Веб Оптимизация | Свободный | Полезно | |
DeepL
|
Классный переводчик. |
https://www.deepl.com/translator | Сайт | Переводчик Текст | Свободный | Полезно | |
FontStruct
|
Это инструмент позволяет составить собственные буквы из доступных геометрических форм. Шрифт сохраняется в формате TTF и может быть использован в любом приложении и любом проекте. |
https://fontstruct.com/ | Веб-приложение | Шрифты | Свободный | Может быть полезно | |
Archetype
|
Онлайн-сервис по созданию библиотеки типографических правил и стилей для цифрового продукта (можно экспротировать в CSS, Figma и etc.). В целом спорный инстурмент, но возможно найдутся его ценители. |
https://archetypeapp.com | Сайт | Шрифты | Частично бесплатный | Может быть полезно | |
Font Self
|
Расширение для Adobe Illustrator и Photoshop, позволящее создавать свои шрифты в OpenType |
https://www.fontself.com/ | Плагин | Шрифты | Платный | Может быть полезно | |
Fonts Ninja
|
Расширение Google Fonts для быстрого определения гарнитур на сайте и их характеристик, а также тестирование шрифта с нужным текстом. |
https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh?hl=en | Плагин | Шрифты | Частично бесплатный | Может быть полезно | |
Identifont
|
Поиска шрифта по категориям (да, сайт выглядит устрашающе, но может быть полезен). |
http://www.identifont.com/ | Сайт | Шрифты | Свободный | Может быть полезно | |
WhatFontIs
|
Поиск шрифта по картинке и сравнение. |
https://www.whatfontis.com/ | Сайт | Шрифты | Свободный | Может быть полезно | |
FONT IDENTIFIER
|
Поиск шрифта по картинке. |
https://www.fontsquirrel.com/matcherator | Сайт | Шрифты | Свободный | Может быть полезно | |
What the Font
|
Известный сайт по поиску шрифта по картинке. |
https://www.myfonts.com/pages/whatthefont | Сайт | Шрифты | Свободный | Может быть полезно | Домашка |
Invision
|
https://www.invisionapp.com/ | Веб-приложение | Анимация Прототипирование | Платный | Может быть полезно | Домашка | |
Coggle
|
https://coggle.it/ | Веб-приложение | Прототипирование | Частично бесплатный | Может быть полезно | Домашка | |
Axure
|
https://www.axure.com/ | Программа | Прототипирование | Платный | Может быть полезно | Домашка | |
Origami Studio
|
Программа для дизайна, анимирования и прототипирования интерфейсов на МАС. |
https://origami.design/ | Программа | Анимация Прототипирование | Свободный | Может быть полезно | Домашка |
FlowMap
|
https://www.flowmapp.com/ | Веб-приложение | Прототипирование | Частично бесплатный | Может быть полезно | Домашка | |
Justinmind
|
https://www.justinmind.com/ | Программа | Анимация | Частично бесплатный | Может быть полезно | Домашка | |
proto.io
|
https://proto.io/ | Программа | Прототипирование | Платный | Может быть полезно | Домашка | |
Marvel
|
https://marvelapp.com/ | Программа | Прототипирование | Частично бесплатный | Может быть полезно | Домашка | |
Similarweb
|
Подробная статистика по сайту. |
https://www.similarweb.com/ru/ | Сайт | Тестирование | Свободный | Может быть полезно | |
Huetone
|
Анализ палитры на доступность (можно выгрузить JSON палитры через Figma Tokens и проверить). |
https://huetone.ardov.me/ | Веб-приложение | UI Доступность Цвет | Свободный | Может быть полезно | |
Color Mixer
|
Микшер, который на основе двух цветов создает красивый градиент. |
https://colormixer.web.app/ | Веб-приложение | UI Цвет | Свободный | Может быть полезно | |
VAS
|
Создает тепловую карту того как твой сайт или баннер видит или читает пользователь. |
https://vas.3m.com/ | Веб-приложение | Веб Мобайл Тестирование | Платный | Может быть полезно | |
browserstack
|
Сервис позволяет тестировать приложения на разных устройствах android, ios и прочие. Очень грамотно эмулирует работу устройства и его экран. |
http://app-live.browserstack.com/ | Веб-приложение | Мобайл Тестирование | Частично бесплатный | Может быть полезно | |
WebPageTest
|
Расширенная проверка скорости. |
https://www.webpagetest.org/ | Сайт | Веб Оптимизация | Свободный | Может быть полезно | |
Namelix
|
Идеи отображения логотипа и начертания, генератор названий (на английском). |
https://namelix.com/ | Сайт | Айдентика Текст | Свободный | Может быть полезно | |
Hashtagstack
|
Подборка самых популярных хештегов, позволит увеличить охват аудитории. |
https://hashtagstack.com/hashtag-generator | Программа | Разное | Свободный | Может быть полезно | |
Contentdrips
|
Конструктор баннеров с анимацией и видео. |
https://contentdrips.com/ | Веб-приложение | SMM Анимация Эффекты | Частично бесплатный | Может быть полезно | |
PhotoRoom
|
Бесплатный убиратель фонов. |
https://www.photoroom.com/background-remover/ | Веб-приложение | Фото | Свободный | Может быть полезно | |
Jitter
|
Cоздание видео анимации моушен-дизайна прямо в браузере по шаблону или с нуля. |
https://jitter.video/ | Веб-приложение | UI Анимация Видео Эффекты | Свободный | Может быть полезно | |
Muzli Colors
|
Подбор гаммы, предпросмотр оттенков на интерфейсе. |
https://colors.muz.li/ | Сайт | UI Цвет | Свободный | Может быть полезно | |
Adobe Color
|
Цветовой круг от Адобе. |
https://color.adobe.com/create/color-wheel | Веб-приложение | UI Цвет | Свободный | Не изучено | |
Contrast Checker
|
Простейший инструмент для проверки контраста текста. Для интерфейсных дизайнеров, которым необходимо убедиться, что сочетание цвета текста и фона проходит по стандарту WCAG. |
https://contrastchecker.online/ | Веб-приложение | UI Доступность Цвет | Свободный | Не изучено | |
Gradient Scale
|
Подробно про инструмент от автора https://slashdesigner.ru |
https://www.figma.com/community/file/1119719788302045806 | Файл | UI Цвет | Свободный | Не изучено | |
LambdaTest
|
Cервис для тестирования дизайнов мобильных приложений. |
https://www.lambdatest.com/ | Веб-приложение | Мобайл Тестирование | Частично бесплатный | Не изучено | |
Pure Photos
|
Еще один убиратель фона. 100 изображений в месяц бесплатно. |
https://purephotos.app/ | Программа | Фото | Частично бесплатный | Не изучено | |
PhotoMosh-Pro
|
Программа для создания эффектов. |
https://photomosh.com/pro/ | Программа | Анимация Эффекты | Платный | Не изучено | |
Code Beautify
|
Конвертер. |
https://codebeautify.org/hex-to-pantone-converter | Веб-приложение | UI Цвет | Свободный | Не изучено | |
| Color Box |
Инструмент для создания и настройки палитры. |
https://colorbox.io/ | Веб-приложение | UI Цвет | Свободный | Не изучено |