Отличная новость для 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

AI Comic Factory — этот сайт позволит вам генерировать комиксы в пару кликов.

Ставь лайк если любишь комиксы 😎

👉 @PortalToDesign

Цветовой круг зависит от цветового пространства.

Так что в следующий раз, когда кто-то говорит про “комплементарные” или “триадные” схемы, спроси — в каком цветовом пространстве? 🙃

HSL ≠ OKLCH ≠ LCH — и гармония в каждом из них будет выглядеть по-разному.

👉 @PortalToDesign

Лучший мультивыбор для статуса развертывания

- ярлыки передают действие
- доступность клавиатуры

👉 @PortalToDesign

В figma Draw теперь можно добавлять новые точки изменения толщины на обводках с привязкой точно к середине между другими такими точками.

Бонус: зажми Shift, чтобы редактировать несколько точек изменения толщины одновременно.

👉 @PortalToDesign