A.svg

🦄 Привет, сделал набор для визуализации цветовых токенов и анимации и ещё кое-что 👉 Ссылка на кит в community У меня давно возникла идея наглядно визуализировать цвета, чтобы было прямо как в цветовой палитре, но сразу все цвета, с явными взаимосвязями. Я делился скринами этой "витрины токенов" в чате по дизайн системам и недавно мне напомнили, попросили скинуть. Недолго думая, решил прост опубликовать в community. Плюс докрутил ещё один вид с тремя графиками которые пересекаются (saturation-lightness-hue), это будет полезно если токены сильно разбросаны по hue или saturation. Ну и ещё пару мелочей до кучи: handoff для анимации и красивые стрелочки Не знаю, насколько полезно кому-то кроме меня. Но в любом случае, я уже потратил на это добрую половину своего сна, и его уже не вернуть 👁️👄👁️ Если кто-то заглянет и оценит, буду очень благодарен 🍊 а за коммент-фидбек виртуально обниму-приподниму каждого ♥️ Всё в голубой альфе (если что) @Apollosvg ⋅ #resource#designsystem ⋅ #ui#ux#фигма#uikit

✨ Статья: как я создал figma-плагин без написания кода (всё на AI) Фух потратил на неё миллион часов. Вышло длинновато (4600+ слов...), но я оформил с оглавлением и некоторые главы можно смело скипать, если не интересно (например, про мои отношения с AI). Поддержите прочтениями и лайками/сохранениями, если понравилась. Буду супер-благодарен ♥️ О, ещё там опрос в конце, можно проголосовать ㅤ 👉 Ссылка на статью ㅤ ↖ Пост про сам плагин @Apollosvg ⋅ #article#resource#plugin#designsystem ⋅ #ui#ux#фигма#uikit

👾 Сделал плагин для Figma, который локализует внешние переменные (не написав ни строчки кода) Плагин поможет, если вы взяли и тупа скопировали переменные из другого файла, а там были алиасы (переменные ссылались на другие переменные). Но вот незадача! Фигме плевать на эти связи, она не переносит их, а оставляет ссылки на переменные-спутники из старого файла. Вообще не то, чего ждёшь 🥲 Что делает плагин: 1. Ищет переменные, в которых есть ссылка на другие переменные, не доехавшие до этого файла (оставшиеся в другом файле, или пропавшие) 2. Создает их копии в этом файле 3. Перевязывает алиас-переменную с внешнего мастера на локальный Работает для переменных всех типов: цветовые, текстовые, булевы, числовые. Должно работать и с кучей модов, но я не тестил Забавный факт: я не написал ни строчки кода, за меня всё сделали нейронки (с меня был только ревью кода и дизайн). Ставь китика (🐳) если интересно, чтобы я расписал подробнее 👉 Ссылка на плагин @Apollosvg ⋅ #resource#plugin ⋅ #ui#ux#фигма#uikit

🪄 Полезные Figma-плагины для продуктового дизайнера (не вру) Плагины, которыми я пользуюсь регулярно. Это не глупенький список дизайн-инфлюенсера из линкедина, а реальный выпаренный-вываренный концентрат полезных плагинов Тут кратко, на Хабре развёрнуто: 👉 Статья на Хабре Design Tokens Manager Поможет в экспорте/импрте переменных и стилей в json-файл в простом виде, а не в сложно-новомодном ⚹¹ Swap Variables Заменяет переменные из одной коллекции на переменные из другой. Поможет поддерживать много тем. (плагин, кстати, от Qurle) Randomise Variants Рандомно изменяют пропсы выбранного инстанса. Можно выбрать, какие. Видит даже nested Copy Exposed Instance Properties Копирует nested пропсы из одного инстанса в другой. Фигма не умеет Property Randomizer Рандомно изменяет выбранные свойства объекта (тут речь уже про высоту/ширину/т.д., а не про пропсы) Если полезно — ♥️, 💾, 🔄 Если знаете ещё классные плагины — поделитесь в 💬 @Apollosvg ⋅ #practice#resource ⋅ #ui#ux#figma#фигма#дизайнер#плагины

Привет, спишь?) Я тут случайно наткнулся на open-ui ⚹¹ это очередная база дизайн систем (и их компонентов), вроде ничего особенного, но... Там есть очень занятная сравнительная таблица компонентов ⚹² и в целом у проекта упор на статистику частотности названий. В общем, таблица сложночитаемая и немного странненькая, но её можно смело юзать при подборе названия для своих компонентов. Плюс можно быстро перейти к странице условного button компонента в разных системах, не тратя время на гуглёжку :) А какие ресурсы вы юзаете когда нужно подобрать название компонента? Напишите в комментах ✍️👀 (да, это призыв к активности) Upd. Написал заумный пост = минус два подпичника... ⚹ open-ui.org @Apollosvg ⋅ #resource#designsystem ⋅ #ui#ux#figma#фигма#дизайн#дс

Hello, it's been a while since I posted anything. Without further ado, here is a list of high-quality and not hackneyed grotesque / sans serif fonts, which are free even for commercial use (OFL ⚹⁰ ).: Uncut sans ⚹¹ the most badass font of all Onest ⚹² Habina Sans ⚹³ Hasköy ⚹⁴ HedvigLetters ⚹⁵ Geist.⚹⁶ recently updated bonus: Roboto Flex ⚹⁷ yes, this is Roboto, but with a huge number of variable settings (13 pieces!) rus · #resource = If it's useful, leave a reaction ♥

Apple has created a profile on Figma and posted a "design library and templates" there simultaneously for iOS 17, iPadOS 17 ⚹¹ and macOS Sonoma ⚹², plus icon template ⚹³. They promise to publish similar kits for all other fresh products (watchOS 10, tvOS and even visionOS) in the coming "weeks and months". Libraries, of course, are terribly overloaded with unnecessary states of components, besides they're not very informative. It can be seen that it was done in haste for the presentation, but this is at least something. Seems, even they admitted that no one needs Sketch anymore ⚹⁴. rus · #resource ⚹ figma.com/@apple

Set of realistic mockups for your design. This, of course, is more of a joke, but the idea is quite interesting: against the backdrops of varnished mockups, imperfect ones look more alive. Author: Wytze Hoogslag #resource ⚹ fockups.com