Внимание анонс!
Пока что мир тихо спокойно ждёт трансляции из Фигмы сразу в код (и ждать, судя по всему, будет еще долго) мы решили просто взять и сделать единую дизайн-систему и экспортнуть все вылизанные компоненты, спексы и состояния в готовые фреймворки на базе Angular и React. Со временем получится универсальный продукт "все-в-одном" для решения любых задач по разработке и прототипированию : https://setproduct.com/system

Пока вы там холиварите между Скетчем и Фигмой, XD спокойно пилит и добавляет нужные фичи, вот список новинок, вошедших в майский релиз https://helpx.adobe.com/xd/help/whats-new.html

Китайцы развивают собственную Фигма-движуху. Спасибо что залистили: https://figmachina.com/

Когда видишь такой ассортимент в UI kit'e под Sketch, да еще и за такое копьё - сразу пропадает желание делать скетч-версии дизайн систем из Figma: https://www.ls.graphics/dsk

Вот такое промелькнуло поглощение. Все сервисы достаточно известны коллегам: https://vc.ru/design/67818-razrabotchik-onlayn-fotoredaktora-canva-kupil-sayty-so-stokovymi-snimkami-pexels-i-pixabay

В предыдущей статье на тему дизайна таблиц в Фигме мы выяснили, что базовый элемент создания любого data grid - это компонент ячейки, внутри которого спрятано все необходимое для того, чтобы оставаться в одном экземпляре и строить таблицы ячейка-за-ячейкой. Теперь поговорим о её структуре: какие элементы вложены, случаи использования, рассмотрим темификацию таблиц через токены-цвета. И напоследок расскажу о передаче спецификаций разработчикам и интеграцию таблиц в React/Angular фреймворки прямиком из Figma дизайн-системы. Пока руками, ибо будущее всё еще где-то рядом.

Чтиво на выходные: https://vc.ru/design/67898-yacheyka-tablicy-v-dizayn-sisteme-put-komponenta-iz-figmy-v-kod

Фигма воркшоп: редизайн официального сайта Figma с помощью набора готовых темплейтов https://youtu.be/KljITlYvAnU

Такой вот продакшен😂😂

Не успев начать, Figma Plus сворачивает лавочку: https://spectrum.chat/figma-plus/general/thank-you-and-good-bye~ef95c63c-b8e1-4885-8404-d8bf08fdb1d0

Figma разрабатывают API для плагинов, и пригласили создателей Figma Plus для закрытого тестированиия и коллаборации.

Компонент из секции Selection / Checkboxes. Выполнен в виде списка, приподнимается по онховеру, срабатывает как кнопка, возвращает измененный фон в качестве отмеченного состояния. Всё это небольшие, но в совокупности важные UX улучшения

Microsoft с апреля этого года сократил отставание от других гигантов по части ведения корпоративного дизайн-блога, вот пост про организацию дизайн-системы в (?) Sketch: https://medium.com/microsoft-design/abstracting-the-microsoft-outlook-design-process-ca811ea5053

Dribbble совсем недавно выкатил новую систему фильтов для отображения шотов как своимх, так и во всей системе. Судя по статистике моего аккаунта, линия сопротивления была пробита и они внедрили реально повышающую КПД аккаунта фичу

Вот новая панелька

Вспоминая предыдущий дизайн Фигмы с лёгкой ухмылкой

Новенький UI каталог десткопных паттернов. Разбито по категориям. Есть простой фильтр по названиям приложений. Пока что скриншотов не так много, чем хотелось бы, но каждый такой ресурс именно по десктопным приложухам - очень ценен https://webframe.xyz