🏳️‍🌈 Нарешті це сталось! Figma випустили «Slots» Це шось типу особливих фреймів всередині компонента, куди можна вставляти інший компонент або контент без відв'язки від основного компонента. Раніше це була постійна головна боль: детачити компонент, створювати інстанс і свапати, або свторювати мілліард варінтів компонента тупо наращюючи файл по розміру і складносі Зараз у компоненті можна створити слоти. У ці «фрейми» можна вставляти різні елементи або інші компоненти. Менше варіантів - чистіші ліби, менше детачів, більше свободи. Якщо ти будуєш або підтримуєш дизайн-систему - це must-льорн фіча. 🔜 Playground файл 🔙 інструкція як юзати Slot: 1. Відкрий або створи компонент (Slots існують лише всередині компонентів, не на канвасі). 2. Додай всередині компонента звичайний фрейм — це і буде майбутній слот. 3. Виділи цей фрейм і перетвори його на слот: клікни правою кнопкою миші → "Convert to slot", або Shift + Cmd/Ctrl + S. Як налаштувати Slot: 4. Відкрий панель властивостей слота. (Зверху справа іконка налаштуваннь) 5. Задай назву та опис - це допоможе команді зрозуміти, який контент очікується. 6. Додай Preferred instances - рекомендовані компоненти, які з'являтимуться як підказки при натисканні [+] на шарі слота. Як визначити, чи є в компоненті Slot: 7. Додай компонент на канвас і наведи на нього курсор. Якщо з'явиться рожевий оверлей із кнопкою [+] - слот є. (або в шарах рожевий шар) Як додати контент у Slot: 8. Натисни [+] на шарі слота і обери компонент зі списку preferred instances. Або перетягни будь-який компонент просто в слот. 9. Щоб видалити - виділи шар слота і видали його вміст. 8. Щоб скинути до стандартного - обери Reset як для будь-якого іншого компонента. 💬 Чат ☕️ Підтримати 💗 Підписатись на канал #вебдизайн #дизайн #design #interface #ux #юх #веб #ui #product #figma