Все цвета разбросаны по компонентам в Фигме:

8-пиксельная сетка

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

Читать продолжение »

Ну а параллельно я продолжаю конвертить стандартный iOS UI kit для Фигмы в тёмную версию. Это - секция Home Screens. Тут и карточки, и фоточки, и кнопочки, и барчики, и категории, и списки, и поисковые инпуты и много чего всего. Берёте компоненты, разбираете на фрагменты. Собираете любой экран - как хотите. Таким образом любую мобильную задачу быстрее срока завершите!

Facebook F8 - виток спирали назад к теням отбрасываемых текстом. Берём на заметку.

Официально стартанули неофициальные плагины к Фигме https://figmaplus.com/

Недавно В GMD появилась секция посвященная dark mode: https://material.io/design/color/dark-theme.html

Темные темы по сравнению с белыми дают больше возможностей показать глубину. Смотрите на iOS Segmented Control - он одновременно находится и внутри плоскости и чуть выше неё.

На самом деле, реальную тёмную тему iOS официально мы увидим только 3го июня, но я продолжаю эксперименты с использованием глубины в своем ui ките iOS и версией dark theme

Внимание анонс!
Пока что мир тихо спокойно ждёт трансляции из Фигмы сразу в код (и ждать, судя по всему, будет еще долго) мы решили просто взять и сделать единую дизайн-систему и экспортнуть все вылизанные компоненты, спексы и состояния в готовые фреймворки на базе 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

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