Мини-дайджест с новыми инструментами дизайна пропустил пару циклов. Так что приехало с горочкой.PlayСовершенно дикая штука — инструмент дизайна мобильных приложений на самом телефоне. Ребята сотворили совершеннейшую чуму (пусть и вызывающую вопросы по продуктивности работы дизайнера). В феврале появится бета-версия для iPhone, позже обещают iPad и смартфоны на Android. Предыстория создания от авторов.Sketch 62 и InspectorУлучшение Smart Layout (минимальная и максимальная ширина). Наконец-то бета-версия аналога Zeplin. В конце прошлого года обещали помощника по улучшению дизайн-решений, совместную работу над макетом и более мощные возможности прототипирования.Mosaica StudioНовый инструмент для создания каскадной (stagger) анимации. Прототипировать и создавать подобную анимацию вручную через кейфреймы трудозатратно, здесь же вместо работы с кодом предлагается wysiwyg.Плагины для FigmaBravo Studio App: подключает реальные данные и генерирует нативный код для Android и iOS на основе прототипов.Design Lint и Roller: линтинг для макетов. Проверяет расхождения с дизайн-системой (цвета, шрифты, границы, тени, скругления).Smooth Shadow: плагин позволяет делать аккуратные тени с помощью кривых easing.Text Prettier: плагин-типограф для причёсывания текста.СтатьиАлекс Дьяков из «Яндекс.Карт» о том, как связали макеты в Figma с разработкой и научились отдавать стили и другие ресурсы.Джеймс Пикок, «Особенности текущей реализации авторасположения элементов при изменении размеров». Она пока что ограничивает создание более сложных компонентов.Дэн Строгий, «Советы по организации проектов».Зандре Кётцер, «Советы по переезду дизайн-команды со Sketch на Figma». Он советует перестроить мышление, потому что попытки воссоздать решения и организацию макетов из Sketch приводят к множеству проблем.AdobeMS Office 365 может подключить библиотеки Creative Cloud для импорта стилей и ресурсов.Adobe XDЯнварское обновление. Тоже добавили auto layout. Читайте также интервью с Талином Уодсвортом об истории создания инструмента и планах на будущее. Он рассказывает о рабочем процессе и команде.VectornatorВышла версия для Mac.AdaloЕщё один конструктор мобильных приложений, делающий нативную сборку на основе прототипа. Android, iOS и веб.StorylandКонструктор промосайтов в формате историй.WebStudioЕщё один конструктор сайтов в браузере.Генераторы и конвертерыFrontyСервис конвертирует картинку в HTML. Эффектно, но непонятно зачем: макет сайта и так сделан в каком-либо инструменте с разбивкой по слоям, а генераторов оттуда и так хватает.EscherSketchБраузерный инструмент позволяет делать паттерны из симметричных фигур и видеть их в повторяющемся полотне.Super SphereГенератор контурных сфер с анимацией.Flow LinesГенератор абстрактных паттернов из линий.BG PainterГенератор модных фонов (например, «жидкий металл»).ScribbblesБесплатная коллекция клякс и абстрактных паттернов для промосайтов.ЦветCalcolorИнтересный генератор цветовых палитр.Who Can UseМощный сервис для проверки цветового контраста. Он показывает значение для каждого типа нарушения цветовосприятия и сам искажённый цвет.LeonardoГенератор цветовых палитр с фокусом на правильный контраст для обеспечения доступности. Анонс.GradientaГенератор градиентов и интересных наложений слоёв в браузере с экспортом в CSS.TraceЕщё один сервис, который убирает фон с фотографий.Social SizesБольшая коллекция шаблонов для всех соцмедиа с актуальными размерами.PixelwormЗанятный сервис, который позволяет сравнить макет в Sketch и реализацию в мобильном приложении.ClaiИнструмент позволяет сделать подачу макета на устройстве, которое, в свою очередь, можно вертеть с анимацией.NototoДичайший сервис заметок в виде карты виртуального мира. Уже сейчас видно, что всё это будет зависать и тормозить (в развитии), как говорил автор мема из позапрошлого десятилетия. Хотя какие-то вещички полезны.#дайджест #figma #sketch #инструменты
Подборка огонь! Афтар, пеши исчо!
Классная подборка 👍