Отличная новость для UI-разработчиков и дизайнеров 🥳

Команда Coinbase выложила в открытый доступ свою кроссплатформенную библиотеку компонентов для React и React Native.

В ней куча проработанных элементов — от лейаутов и анимаций до числовых эффектов и других визуальных деталей. Всё сделано с аккуратностью и вниманием к мелочам.

Отличный ресурс, чтобы подсмотреть идеи, вдохновиться или просто использовать прямо в своём проекте.

cds.coinbase.com

👉 @PortalToDesign

Как быстро сделать эффект трескающегося стекла в Blender

Используй текстуру Вороноя, поставь режим Distance to Edge (расстояние до края) и постепенно увеличивай значение Roughness (шероховатости) — так легко получится имитация трещин.

Если не планируешь финальную сцену с разбиванием, то можно не делить меш и не возиться с картинками — всё работает прямо так.

А вот для самого момента разбития можно воспользоваться аддоном Cell Fracture: он разбивает объект на куски, после чего можно обрушить их с помощью физики Rigid Body.

Трещины и края осколков не идеально совпадают, но, по сути, это не бросается в глаза.

👉 @PortalToDesign

Быстро и просто создаём кнопку и её анимацию в Figma

👉 @PortalToDesign

Figma выкатили больше 15 новых фич по доступности, среди них:

→ Управление Canvas с клавиатуры — поворот, штампы и направляющие линейки
→ Поддержка клавиатуры для комментариев и аннотаций
→ Новые тумблеры, чтобы можно было отключить хоткеи Figma и авто-фоллоу
→ Более стабильная работа со screen reader’ами

Больше: тут

👉 @PortalToDesign