🪓

Инструменты

Набор рабочих инструментов: ПО, плагины, приложения, расширения, сайты и etc.

Что этоОписаниеИспользоватьТипСфераДоступПользаПартнёрка
RiveИнструмент для создания анимации графикиhttps://rive.app/ПрограммаUIАнимацияИконкиИллюстрацияЧастично бесплатныйMusthave
IconSetПрограмма для управления значками SVG. Не нужно хранить кучу огромных сетов в фигме для иконок. Юзай iconset и будет тебе счастье. Все разбивается по папочкам, классифицируется и пожно искать по названиюhttps://iconset.io/ПрограммаИконкиЧастично бесплатныйMusthave
Type ScaleКалькулятор типографики — поможет подобрать оптимальные характеристики для текстаhttps://typescale.com/СайтШрифтыСвободныйПолезно
mirohttps://miro.com/Веб-приложениеПрограммаПрототипированиеЧастично бесплатныйПолезноДомашка
ProtoPiehttps://www.protopie.io/АнимацияЧастично бесплатныйПолезноДомашка
PrincipleПрограмма для интерфейсных анимаций только для МАСhttps://principleformac.com/ПрограммаАнимацияПлатныйПолезноДомашка
PageSpeedПроверка скорости сайтаhttps://pagespeed.web.dev/?utm_source=psi&utm_medium=redirectСайтВебОптимизацияСвободныйПолезно
Проверка оптимизации веб-страницы под мобильные устройстваСервис Гугла, для проверки сайтов на адаптивhttps://search.google.com/test/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirectСайтАдаптивВебОптимизацияСвободныйПолезно
DeepLКлассный переводчикhttps://www.deepl.com/translatorСайтПереводчикТекстСвободныйПолезно
FontStructЭто инструмент позволяет составить собственные буквы из доступных геометрических форм. Шрифт сохраняется в формате TTF и может быть использован в любом приложении и любом проекте.https://fontstruct.com/Веб-приложениеШрифтыСвободныйМожет быть полезно
ArchetypeОнлайн-сервис по созданию библиотеки типографических правил и стилей для цифрового продукта (можно экспротировать в CSS, Figma и etc.). В целом спорный инстурмент, но возможно найдутся его ценители. https://archetypeapp.com/#СайтШрифтыЧастично бесплатныйМожет быть полезно
Font SelfРасширение для Adobe Illustrator и Photoshop, позволящее создавать свои шрифты в OpenTypehttps://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СайтШрифтыСвободныйМожет быть полезноДомашка
Invisionhttps://www.invisionapp.com/Веб-приложениеАнимацияПрототипированиеПлатныйМожет быть полезноДомашка
Cogglehttps://coggle.it/Веб-приложениеПрототипированиеЧастично бесплатныйМожет быть полезноДомашка
Axurehttps://www.axure.com/ПрограммаПрототипированиеПлатныйМожет быть полезноДомашка
Origami StudioПрограмма для дизайна, анимирования и прототипирования интерфейсов на МАСhttps://origami.design/ПрограммаАнимацияПрототипированиеСвободныйМожет быть полезноДомашка
FlowMaphttps://www.flowmapp.com/Веб-приложениеПрототипированиеЧастично бесплатныйМожет быть полезноДомашка
Justinmindhttps://www.justinmind.com/ПрограммаАнимацияЧастично бесплатныйМожет быть полезноДомашка
proto.iohttps://proto.io/ПрограммаПрототипированиеПлатныйМожет быть полезноДомашка
Marvelhttps://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 и прочие. Очень грамотно эмулирует работу устройства и его экран.
У сервиса есть триал 30 минут для попробовать.
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/Веб-приложениеФотоСвободныйМожет быть полезно
JitterCоздание видео анимации моушен-дизайна прямо в браузере по шаблону или с нуля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/tools/gshttps://www.figma.com/community/file/1119719788302045806ФайлUIЦветСвободныйНе изучено
LambdaTestCервис для тестирования дизайнов мобильных приложений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ЦветСвободныйНе изучено