Figma українською | Про компоненти і варіанти у Фігмі. Вступ
Вставка
- Опубліковано 5 чер 2024
- Наступна за важливістю після автолеяуту фіча у Фігмі - компоненти (і їх варіанти)) Розказала вам базову інформацію про компоненти, для чого вони потрібні і як їх використовувати. В наступному відео буде вже продвинутіша інформація, тому не переключайтесь! :)
Якщо вам корисні ці відео і вам сильно хочеться купити мені чашку кави чи кілограм яблук - ось створила банку, де це можна зробити: 5375411200366313 або send.monobank.ua/jar/3RA6Gjjk2t
Я в жодному разі не перестану знімати відео, навіть якщо на банці залишиться нуль гривень, це чисто для тих людей, які бачать користь в цьому каналі, мають зайві 15 гривень і вже зробили щоденний донат на ЗСУ, завдяки яким я і можу записувати ці відео)
Якщо є запитання - пишіть в коментарі, усе поясню :)
0:00 Вступне слово
2:39 Нарешті починаю говорити про компоненти :)
6:14 Стврюємо перший компонент - карточку
10:05 Створюємо другий компонент - кнопку
11:54 Варіанти в компоненті
15:42 Використовуємо наш компонент в дизайні
16:36 Містична вкладка Assets
17:31 Зміни в компоненті
20:37 Де зберігати компоненти
21:44 Що можна змінювати в компоненті
23:10 Створюємо великий компонент для карточок
33:51 Прощаюсь і обіцяю ще одне відео про компоненти :)
дуже якісне відео! Дякую! Без зайвої інфи, без води, усе саме те, що я шукала! дякую ще раз
Юля, я в захваті від Вашої подачі відео, все дуже зрозуміло, немає нічого зайвого. Підписалась спочатку через назви "Figma українською", але тут задоволення не леше від української мови, а і як все цікаво та чітко по темі розповідаєте.🔥🔥🔥
каайф, дякую! такі коментарі на початку ведення каналу дуууже надихають щось робити далі)
вже готую наступне відео з продвинутішою інформацією про компоненти і варіанти, stay tuned :)
Лише вступне відео, а матеріал вже дуже змістовний. Без сумніву, лайк 👍
чудово, дякую 🦾
пані, щойно знайшла ваш канал, і я надзвичайно задоволена)
дякую вам за розвиток українськомовного дизайн-контенту! 🥰 як людина, що планує цим займатись, дуже вам вдячна)
надзвичайно тішусь отримувати такі коментарі! ви плануєте займатись ютюбом чи дизайном?) чи і тим, і тим?))
в будь-якому разі, успіхів з усім, воно все прикольне 🦭✨
@@juli.and.design саме дизайном, але ваші відео надихають і знімати щось своє на ютуб:D
успіхів вам у творчості)
Юлія Ви знахідка!!🌺 Щиро Дякую за український контент. Все зрозуміло доносите. Дякую 😊
сильно дякую вам, що дивитесь! 😌🐈
Юлю, дуже дякую за відео, нарешті тема компонентів розкрита для мене повністю, особливо дякую за такий живий і щирий формат викладання.
дякую вам за такий фідбек! 🤌 якщо ще раптом не дивились, то є ще наступне відео про компоненти - там купа цікавих і продвинутіших речей є))
@@juli.and.design Ще ні, але обов‘язково подивлюсь, як і всі інші ваші відео) Ви просто знахідка ❤
Чудове відео! Дякую :)
Cупер, проходжу курс UX/UI Designer, але з вашими відео швидше розумію тему. Дякую
як чудово! 🤝
Дякую Ви крута 😊🧸
Дякую за корисний контент!
Дякую!❤
Дякую за гайди ♥
дуже корисно, дякую!
Дякую дякую дякую! ❤❤❤ Ви рятуєте моє навчання!
Дякую мільйон разів, нарештіі мені дійшло ))
Супер контент!!!
дякую, що дивитесь мене! :)
Привіт! Дякую велике за контент! Дуже все інформативно) дивлюсь кожен урок затамувавши подих)
Інформація дуже важлива, ви вірно сказали що нажаль немає нормального контенту українською, але на щастя ми всі знайши вас, і ви робите дуже велику справу! дякую вам велике!
Мені вистачило два слова щоб підписатись. Figma українською. Реально якісний контент. Успіхів)
Дякую за такий контент! ❤️
дякую, що дивитесь 🐱
Дякую щиро за дуже якісний контент! Дивлюсь із задоволенням і вчусь по ваших відео! Успіхів вам в усьому!😻
дякую, Юля. Ви котик 😺
Вау✨ Щиро вам дякую! Дуже все зрозуміло і цікаво☺
дууже тішусь, що це корисно і прикольно! 🌟🤌
Неймовірно! Дивлюсь на одному подиху кожне ваше відео! Дуже зрозуміло, швидко, нічого зайвого! Дуже вам дякую💖
Супер, дякую за котент. Будь ласка, продовжуй!
щаслива, що відео корисні! 🐢
нове відео зооовсім скоро :)
Дуже дякую ❤❤❤❤
дякую вам! 🐸
це прям дууууже цікаво!!! дякую-дякую-дякую!!!
урааа! там наступне відео про компоненти ще більш цікаве, там чисто магію можна робити))
Дякую за якісний та корисний контент. Дивитися та навчатися по ваших відео одне задоволення 😊😊😊
Як же я давно шукала такий контент українською, дякую вам
Дякую! З Вами моє розуміння про компоненти вийшло на новий рівень😇
юхууу! тоді наступне відео точно для вас, там ще більше інформації про компоненти))
Цікавий урок! 👍👍👍(Дивлюсь під час повітряної тривоги )
Юля, дякую за якісний контент! Чудові відео, гарно і зрозуміло, все по суті❤️
сильно тішусь, що відео приносять користь! 🐈
дуже дякую за відео))) ви робите дуже корисну справу) і найприємніше що такі корисні речі - українською!!
юхуу! дякую вам, шо дивитесь мої відео 💚
Дуже круто, змістовно, цікаво! Дякую за матеріал!❤🔥
сильно тішусь такому фідбекові! 🦭
Дякую Вам, за якісний, україномовний контент 🙂
дякую вам за розвиток українськомовного дизайн-контенту та оригінальну подачу!
Дякую велике за вашу працю! Ви прекрасна людина❤❤❤❤❤❤
ото я вам дякую, шо дивитесь :)
Yulya, vy - genii, velychezne dyakuu!
радію, що все зрозуміло :)
Дуже цікаво, легко подана інформація, все зрозуміло. Дякую!
дуже тішусь отримувати такий зворотній зв‘язок, дякую! ✨😌
Юлю, дякую вам за такий якісни контент. Розклали всі чітко по "полицям"!!!! 🥰
Юля, дякую!! Нарешті розібралася з цими компонентами та дочірніми елементами. Все зрозуміло, а головне, що пояснювали від початку і детально. Успіхів Вам!!🌹🌹🌹
дужу дякую за україномовний контент 😍
Дякую!🙏
дякую, що дивитесь! 🤍
дуже дякую за контент українською! ☺
дякую, шо дивитесь його! 🙌
Дуже класне пояснення. Було дуже корисно. Я завтряг ще на photoshop, але давно вже не можу ігнорувати Figma))
оу єа, дякую! ага, фронтендерам теж корисно розуміти як працює фігма)
можливо і не обов'язково знати усі-усі дрібні деталі, але точно зайвим не буде :)
дуже гарно і зрозуміло розказано!!! за українську велика дяка та повага!! дуже не вистачало такого контенту)))
Ще раз дуже дякую за супер корисний контент. Маю одне питання, вчора ввечері вже голову зламала. Коли пробую так як на відео об'єднати спочатку неоюєднані елементи CTR+alt+G вони стають фреймом, далі роблю компонент, коли намагаюся так як на відео змінювати ширину компонента, то розтягується лише фіолетове поле довкола квадрата, а квадрат не змінюється. Не можу ніяк зрозуміти, що я зробила не так🥺😓
Дякую, Юлія! Допомогли розібратися з компонентами. Дуже детальне відео.
чудово! радію, що ви змогли розібратись з темою :)
Величезне дякую! Завдяки вам я зробила домашнє завдання за яке лякалась братися. Робила з задоволенням ❤
клаас! а що за домашка, якщо не секрет?)
Дуже дякую за якісну подачу інформації. Після ваших уроків дійсно можна самостійно створювати шедеври, без ніяких платних курсів чи російського контенту!
дякууую! якраз така моя мета і була, клас! 🧡
Дуже дякую Юлія!!!!! ви так мені допомогли вже з перших хвилин відео, пару днів не могла розібратись чому кнопки не міняють стан у мене в протопипі, а виявилось що я просто не правильно витягувала копію компонента.. всього лиш треба було натиснути option... я просто в шоці. не знаю чому не могла знайти цю інформацію раніше, але просто хочу вам подякувати
клааас, дякую вам!
до речі, не пам'ятаю чи казала це в відосі чи ні, але можна ще піти на вкладку assets (вона зліва вгорі) і там знайти свій компонент і витягнути його дочірню копію))
це зручно, коли є величезний файл і компоненти десь на інших сторінках (або і в іншому файлі насправді) і тоді панелька assets дуже корисна :)
тільки почала дивитися відео, (може там десь далі вже є в наступних уроках), але хотіла б від вас, Юля, більш детально послухати про Фігма ком'юніті) дякую❤
там особливо нема що розказувати) це місце, куди будь-хто може викласти свої напрацювання, щоб життя інших дизайнерів стало легше)
рекомендую залізти в ту вкладку і просто пошукати там різні штуки (всілякі UI kit, цікаві кнопки, приклади якихось секцій на сайті, сети іконок, різних графічних елементів, градієнти тощо) і потім, коли вам щось потрібне в роботі, також можна глянути що там в ком'юніті є, раптом щось вас надихне чи може знайдете класні підходящі іконки)
не рекомендую нічого звідти прям копіювати і видавати за своє, це завжди погана практика)
@@juli.and.design дякую!
Amazing work. I feel like I'm listening blessing of Godness, thank you so much
ну нічого собі :D
@@juli.and.design Ляяя, я не думав, шо цей коментарій побачать, але тоді це супер, я радий що ви знаєте тепер, наскільки ваші знання та уроки допомагають (й відкликаються) іншим. Я ще просив вас зняти гайди по допоміжним програмам для дизайнерів, типу: що на вашу думку було б гарним бонусом або є необхідним для дизайнера. (Як приклад Adobe Photoshop). Дякую за ваш час 💙
Не зрозуміла, як ви у самому кінці відео редагували текст на картках одночасно , підкажіть будь ласка
У відео дуже добре все пояснюється, особливо добре те що ти дивишся ці відео якщо хочеш стати веб дизайнером. От тільки задавався таким питанням, чи можна завдяки тим відео стати веб дизайнером, чи треба ще додаткові відео дивитися?
привіт! на жаль, тільки за допомогою цих відео веб дизайнером стати буде неможливо, бо я на цьому каналі поки фокусуюсь тільки на технічному аспекті - як правильно/швидко/зручно працювати з інструментом. Але я не покриваю те, що саме з цим інструментом можна робити.
Я не говорю про кольори, композицію, типографіку, анімації, логіку побудови сторінок, аспекти зручності цих сторінок тощо
Окрім того, дизайн суууупер комплексна штука, і мені дуже складно уявити якесь одне джерело знань про нього - тут завжди корисним буде дослідження всього навколо, тому обмежуватись чимось тільки один зовсім-зовсім не варто :)
Як саме ти змінила за кадром ти кольори???В мене в пропертіс створюється тільки один калор і одне значення і більше просто не получається,вже годину сижу думаю як ти це зробила бо на відео цього фрагменту немає наперед дякую
Дуже дякую за цікаве відео!) Які б ви радили ком'юніті по Фігмі?
дякую вааам! 🐸
не до кінця розумію про які ком'юніті по фігмі ви говорите насправді)
в фігмі є окрема фіча, яка називається "figma community" - це місце, куди будь-хто може викласти свої напрацювання чи щось цікаве і полегшити життя колегам-дизайнерам/дизайнеркам. але це просто простір з файлами, якихось інших ком'юніті навколо фігми я не знаю :)
@@juli.and.design дякую за відповідь, я щось подумала про якісь телеграм канали чи сайти спершу😅
продовжуйте будь ласка
обов‘язково, тільки трішки розгребусь з роботою і все буде 🫡
Юлія, а як можна Вас знайти в інстаграмі?
у мене немає ніякого дизайнерського інстаграму, а тільки мій особистий, то я сумніваюсь, що вам буде сильно корисно просто дивитись на мої фоточки))
@@juli.and.design а Ви ще не відкрили свої курси?
хаха та ні)
у мене є тільки цей канал, де я роблю відео безкоштовно + невеликий файл для практикування фігми за невелику суму, але курсів немає і не думаю, що будуть
їх зараз на ринку мільйон, ще величезна частина з них - просто вода без жодного толку. якби я щось починала таке, це зайняло б дуже багато часу для створення чогось якісного і коштувало б дуже багато грошей, бо усі ці курси за 500 гривень - не моя історія))
вибачте, я не зовсім розумію як можливо зробити такі фрейми за допомогою layout, бо при намаганні поставити такий "листочок" в правий нижній кут, він зсувається у зовсім інше місце і його ніяк не виходить правильно поставити :'
ось накидала вам приклад) можете скопіювати собі цей файл і спробувати порозтягувати карточку. Налаштування зроблені так, що текст і прямокутник-фото будуть підлаштовуватись під розмір карточки, а ціна і кнопка "+" будуть приклеєні до правого і лівого краю відповідно.
www.figma.com/file/ph6IwlDhHu8LeIMUHUCjb0/example?node-id=0%3A1&t=S4ShKFs9R4jrGZIB-1
я вас люблю💓
клас, добре, що тепер все зрозуміло!
В мене схоже питання,тільки з компонентами. Чи можна їх об’єднати у картку за допомогою auto layout?Кілька годин крутила і так нічого і не вийшло.
Дякую Юля,за вашу працю🌸
А ви часом не займаєтеся менторством?🙈
я ще поки трошки боюсь того рівня відповідальності, який несе за собою дизайн-менторство, але якщо у вас є питання саме по інструментарію, я з радістю поділюсь досвідом :)
і як тільки вирішу почати менторство, одразу поділюсь цим на каналі, обіцяю ✨🐢
@@juli.and.design супер, дуже дякую, буду чекати))
@@juli.and.design а скільки ви вже загалом в дизайні?
Дуже дякую за змістовні і зрозумілі туторіали та ще й українською! Дуже приємно слухати) бажаю сил і творчого натхнення
юхууу! дякую :)