Figma українською | Про компоненти і варіанти у Фігмі. Вступ

  Рет қаралды 12,075

юля і дизайн

юля і дизайн

Күн бұрын

Наступна за важливістю після автолеяуту фіча у Фігмі - компоненти (і їх варіанти)) Розказала вам базову інформацію про компоненти, для чого вони потрібні і як їх використовувати. В наступному відео буде вже продвинутіша інформація, тому не переключайтесь! :)
Якщо вам корисні ці відео і вам сильно хочеться купити мені чашку кави чи кілограм яблук - ось створила банку, де це можна зробити: 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 Прощаюсь і обіцяю ще одне відео про компоненти :)

Пікірлер: 109
@user-uv6hg3of6w
@user-uv6hg3of6w Жыл бұрын
Юля, я в захваті від Вашої подачі відео, все дуже зрозуміло, немає нічого зайвого. Підписалась спочатку через назви "Figma українською", але тут задоволення не леше від української мови, а і як все цікаво та чітко по темі розповідаєте.🔥🔥🔥
@juli.and.design
@juli.and.design Жыл бұрын
каайф, дякую! такі коментарі на початку ведення каналу дуууже надихають щось робити далі) вже готую наступне відео з продвинутішою інформацією про компоненти і варіанти, stay tuned :)
@user-kz2eq2fi5f
@user-kz2eq2fi5f 20 күн бұрын
дуже якісне відео! Дякую! Без зайвої інфи, без води, усе саме те, що я шукала! дякую ще раз
@sergey8513
@sergey8513 Жыл бұрын
Лише вступне відео, а матеріал вже дуже змістовний. Без сумніву, лайк 👍
@juli.and.design
@juli.and.design Жыл бұрын
чудово, дякую 🦾
@darvolytska
@darvolytska Жыл бұрын
пані, щойно знайшла ваш канал, і я надзвичайно задоволена) дякую вам за розвиток українськомовного дизайн-контенту! 🥰 як людина, що планує цим займатись, дуже вам вдячна)
@juli.and.design
@juli.and.design Жыл бұрын
надзвичайно тішусь отримувати такі коментарі! ви плануєте займатись ютюбом чи дизайном?) чи і тим, і тим?)) в будь-якому разі, успіхів з усім, воно все прикольне 🦭✨
@darvolytska
@darvolytska Жыл бұрын
@@juli.and.design саме дизайном, але ваші відео надихають і знімати щось своє на ютуб:D успіхів вам у творчості)
@SvitlanaFireFly
@SvitlanaFireFly Жыл бұрын
Юлія Ви знахідка!!🌺 Щиро Дякую за український контент. Все зрозуміло доносите. Дякую 😊
@juli.and.design
@juli.and.design Жыл бұрын
сильно дякую вам, що дивитесь! 😌🐈
@user-ol8zo6pp2e
@user-ol8zo6pp2e 5 күн бұрын
Дякую за круті відео.
@OlgaLeybova
@OlgaLeybova Жыл бұрын
Юлю, дуже дякую за відео, нарешті тема компонентів розкрита для мене повністю, особливо дякую за такий живий і щирий формат викладання.
@juli.and.design
@juli.and.design Жыл бұрын
дякую вам за такий фідбек! 🤌 якщо ще раптом не дивились, то є ще наступне відео про компоненти - там купа цікавих і продвинутіших речей є))
@OlgaLeybova
@OlgaLeybova Жыл бұрын
@@juli.and.design Ще ні, але обов‘язково подивлюсь, як і всі інші ваші відео) Ви просто знахідка ❤
@trade-music
@trade-music 11 ай бұрын
Cупер, проходжу курс UX/UI Designer, але з вашими відео швидше розумію тему. Дякую
@juli.and.design
@juli.and.design 10 ай бұрын
як чудово! 🤝
@yuliiakhrom5769
@yuliiakhrom5769 Жыл бұрын
Супер, дякую за котент. Будь ласка, продовжуй!
@juli.and.design
@juli.and.design Жыл бұрын
щаслива, що відео корисні! 🐢 нове відео зооовсім скоро :)
@sezikk
@sezikk 3 ай бұрын
Привіт! Дякую велике за контент! Дуже все інформативно) дивлюсь кожен урок затамувавши подих) Інформація дуже важлива, ви вірно сказали що нажаль немає нормального контенту українською, але на щастя ми всі знайши вас, і ви робите дуже велику справу! дякую вам велике!
@nkhmelevska5968
@nkhmelevska5968 8 ай бұрын
дякую, Юля. Ви котик 😺
@AlexFlib
@AlexFlib 11 ай бұрын
Цікавий урок! 👍👍👍(Дивлюсь під час повітряної тривоги )
@user-ll2uo6jk6l
@user-ll2uo6jk6l 10 ай бұрын
Дякую за корисний контент!
@lidiiatarovyta
@lidiiatarovyta 10 ай бұрын
Дякую!❤
@javelinchi7293
@javelinchi7293 6 ай бұрын
Мені вистачило два слова щоб підписатись. Figma українською. Реально якісний контент. Успіхів)
@olgakovyrshina9150
@olgakovyrshina9150 9 ай бұрын
Дякую дякую дякую! ❤❤❤ Ви рятуєте моє навчання!
@viktoriiamahas168
@viktoriiamahas168 5 ай бұрын
Дякую Ви крута 😊🧸
@Koko_roko
@Koko_roko Жыл бұрын
дуже дякую за відео))) ви робите дуже корисну справу) і найприємніше що такі корисні речі - українською!!
@juli.and.design
@juli.and.design Жыл бұрын
юхуу! дякую вам, шо дивитесь мої відео 💚
@mashalazorenko1062
@mashalazorenko1062 6 ай бұрын
Чудове відео! Дякую :)
@user-wj2hh1si2p
@user-wj2hh1si2p 4 ай бұрын
Дякую за гайди ♥
@user-oj4jl3ph8w
@user-oj4jl3ph8w 8 ай бұрын
дуже корисно, дякую!
@tetianabilous2001
@tetianabilous2001 9 ай бұрын
Дякую мільйон разів, нарештіі мені дійшло ))
@OlenaSitchenko
@OlenaSitchenko Жыл бұрын
Дякую за такий контент! ❤️
@juli.and.design
@juli.and.design Жыл бұрын
дякую, що дивитесь 🐱
@svitlana_hubska
@svitlana_hubska Жыл бұрын
Дуже круто, змістовно, цікаво! Дякую за матеріал!❤‍🔥
@juli.and.design
@juli.and.design Жыл бұрын
сильно тішусь такому фідбекові! 🦭
@nataliagritsenko8117
@nataliagritsenko8117 Жыл бұрын
Супер контент!!!
@juli.and.design
@juli.and.design Жыл бұрын
дякую, що дивитесь мене! :)
@juliarubanskaya5501
@juliarubanskaya5501 Жыл бұрын
Дякую щиро за дуже якісний контент! Дивлюсь із задоволенням і вчусь по ваших відео! Успіхів вам в усьому!😻
@soyAgosto
@soyAgosto Жыл бұрын
Дуже дякую ❤❤❤❤
@juli.and.design
@juli.and.design Жыл бұрын
дякую вам! 🐸
@anastasiiapoliushkina1911
@anastasiiapoliushkina1911 Жыл бұрын
Вау✨ Щиро вам дякую! Дуже все зрозуміло і цікаво☺
@juli.and.design
@juli.and.design Жыл бұрын
дууже тішусь, що це корисно і прикольно! 🌟🤌
@annserhiienko
@annserhiienko Жыл бұрын
це прям дууууже цікаво!!! дякую-дякую-дякую!!!
@juli.and.design
@juli.and.design Жыл бұрын
урааа! там наступне відео про компоненти ще більш цікаве, там чисто магію можна робити))
@user-jk1th4ox8o
@user-jk1th4ox8o 10 ай бұрын
Як же я давно шукала такий контент українською, дякую вам
@olgakolesnichenko7927
@olgakolesnichenko7927 Жыл бұрын
Юля, дякую за якісний контент! Чудові відео, гарно і зрозуміло, все по суті❤️
@juli.and.design
@juli.and.design Жыл бұрын
сильно тішусь, що відео приносять користь! 🐈
@hryschuk
@hryschuk 4 ай бұрын
Дякую за якісний та корисний контент. Дивитися та навчатися по ваших відео одне задоволення 😊😊😊
@GameWorld_trends
@GameWorld_trends 9 ай бұрын
Неймовірно! Дивлюсь на одному подиху кожне ваше відео! Дуже зрозуміло, швидко, нічого зайвого! Дуже вам дякую💖
@drbzk.nastia
@drbzk.nastia Жыл бұрын
Дякую! З Вами моє розуміння про компоненти вийшло на новий рівень😇
@juli.and.design
@juli.and.design Жыл бұрын
юхууу! тоді наступне відео точно для вас, там ще більше інформації про компоненти))
@OksanaSaienko
@OksanaSaienko 7 ай бұрын
Юля, дякую!! Нарешті розібралася з цими компонентами та дочірніми елементами. Все зрозуміло, а головне, що пояснювали від початку і детально. Успіхів Вам!!🌹🌹🌹
@crispyfruits
@crispyfruits 11 ай бұрын
Дякую Вам, за якісний, україномовний контент 🙂
@IRA-JASMINE
@IRA-JASMINE 7 ай бұрын
Дякую велике за вашу працю! Ви прекрасна людина❤❤❤❤❤❤
@juli.and.design
@juli.and.design 7 ай бұрын
ото я вам дякую, шо дивитесь :)
@IrynaRusiaieva
@IrynaRusiaieva Жыл бұрын
Yulya, vy - genii, velychezne dyakuu!
@juli.and.design
@juli.and.design Жыл бұрын
радію, що все зрозуміло :)
@kasirkasir3205
@kasirkasir3205 9 ай бұрын
дякую вам за розвиток українськомовного дизайн-контенту та оригінальну подачу!
@allache
@allache Жыл бұрын
Дуже цікаво, легко подана інформація, все зрозуміло. Дякую!
@juli.and.design
@juli.and.design Жыл бұрын
дуже тішусь отримувати такий зворотній зв‘язок, дякую! ✨😌
@daryakruhlyak
@daryakruhlyak 10 ай бұрын
дуже дякую за контент українською! ☺
@juli.and.design
@juli.and.design 10 ай бұрын
дякую, шо дивитесь його! 🙌
@user-zw2zs6mq3z
@user-zw2zs6mq3z Жыл бұрын
Дякую!🙏
@juli.and.design
@juli.and.design Жыл бұрын
дякую, що дивитесь! 🤍
@iralibra2941
@iralibra2941 10 ай бұрын
Юлю, дякую вам за такий якісни контент. Розклали всі чітко по "полицям"!!!! 🥰
@raccoonm3926
@raccoonm3926 4 ай бұрын
дужу дякую за україномовний контент 😍
@blogvadimguk
@blogvadimguk Жыл бұрын
Дуже класне пояснення. Було дуже корисно. Я завтряг ще на photoshop, але давно вже не можу ігнорувати Figma))
@juli.and.design
@juli.and.design Жыл бұрын
оу єа, дякую! ага, фронтендерам теж корисно розуміти як працює фігма) можливо і не обов'язково знати усі-усі дрібні деталі, але точно зайвим не буде :)
@user-ti6zp2fs9q
@user-ti6zp2fs9q 11 ай бұрын
Дякую, Юлія! Допомогли розібратися з компонентами. Дуже детальне відео.
@juli.and.design
@juli.and.design 10 ай бұрын
чудово! радію, що ви змогли розібратись з темою :)
@user-kz4uu4vm3f
@user-kz4uu4vm3f 8 ай бұрын
Величезне дякую! Завдяки вам я зробила домашнє завдання за яке лякалась братися. Робила з задоволенням ❤
@juli.and.design
@juli.and.design 7 ай бұрын
клаас! а що за домашка, якщо не секрет?)
@viktoriiaoz8621
@viktoriiaoz8621 Жыл бұрын
дуже гарно і зрозуміло розказано!!! за українську велика дяка та повага!! дуже не вистачало такого контенту)))
@user-qk7vr5qh1p
@user-qk7vr5qh1p Жыл бұрын
Дуже дякую за якісну подачу інформації. Після ваших уроків дійсно можна самостійно створювати шедеври, без ніяких платних курсів чи російського контенту!
@juli.and.design
@juli.and.design Жыл бұрын
дякууую! якраз така моя мета і була, клас! 🧡
@valeriiab5699
@valeriiab5699 Жыл бұрын
Дуже дякую Юлія!!!!! ви так мені допомогли вже з перших хвилин відео, пару днів не могла розібратись чому кнопки не міняють стан у мене в протопипі, а виявилось що я просто не правильно витягувала копію компонента.. всього лиш треба було натиснути option... я просто в шоці. не знаю чому не могла знайти цю інформацію раніше, але просто хочу вам подякувати
@juli.and.design
@juli.and.design Жыл бұрын
клааас, дякую вам! до речі, не пам'ятаю чи казала це в відосі чи ні, але можна ще піти на вкладку assets (вона зліва вгорі) і там знайти свій компонент і витягнути його дочірню копію)) це зручно, коли є величезний файл і компоненти десь на інших сторінках (або і в іншому файлі насправді) і тоді панелька assets дуже корисна :)
@user-zp6ys3vr2i
@user-zp6ys3vr2i Жыл бұрын
Amazing work. I feel like I'm listening blessing of Godness, thank you so much
@juli.and.design
@juli.and.design Жыл бұрын
ну нічого собі :D
@user-zp6ys3vr2i
@user-zp6ys3vr2i Жыл бұрын
@@juli.and.design Ляяя, я не думав, шо цей коментарій побачать, але тоді це супер, я радий що ви знаєте тепер, наскільки ваші знання та уроки допомагають (й відкликаються) іншим. Я ще просив вас зняти гайди по допоміжним програмам для дизайнерів, типу: що на вашу думку було б гарним бонусом або є необхідним для дизайнера. (Як приклад Adobe Photoshop). Дякую за ваш час 💙
@annserhiienko
@annserhiienko Жыл бұрын
тільки почала дивитися відео, (може там десь далі вже є в наступних уроках), але хотіла б від вас, Юля, більш детально послухати про Фігма ком'юніті) дякую❤
@juli.and.design
@juli.and.design Жыл бұрын
там особливо нема що розказувати) це місце, куди будь-хто може викласти свої напрацювання, щоб життя інших дизайнерів стало легше) рекомендую залізти в ту вкладку і просто пошукати там різні штуки (всілякі UI kit, цікаві кнопки, приклади якихось секцій на сайті, сети іконок, різних графічних елементів, градієнти тощо) і потім, коли вам щось потрібне в роботі, також можна глянути що там в ком'юніті є, раптом щось вас надихне чи може знайдете класні підходящі іконки) не рекомендую нічого звідти прям копіювати і видавати за своє, це завжди погана практика)
@annserhiienko
@annserhiienko Жыл бұрын
@@juli.and.design дякую!
@veronikakryvetska6283
@veronikakryvetska6283 10 ай бұрын
Ще раз дуже дякую за супер корисний контент. Маю одне питання, вчора ввечері вже голову зламала. Коли пробую так як на відео об'єднати спочатку неоюєднані елементи CTR+alt+G вони стають фреймом, далі роблю компонент, коли намагаюся так як на відео змінювати ширину компонента, то розтягується лише фіолетове поле довкола квадрата, а квадрат не змінюється. Не можу ніяк зрозуміти, що я зробила не так🥺😓
@Frames_2838
@Frames_2838 Жыл бұрын
У відео дуже добре все пояснюється, особливо добре те що ти дивишся ці відео якщо хочеш стати веб дизайнером. От тільки задавався таким питанням, чи можна завдяки тим відео стати веб дизайнером, чи треба ще додаткові відео дивитися?
@juli.and.design
@juli.and.design Жыл бұрын
привіт! на жаль, тільки за допомогою цих відео веб дизайнером стати буде неможливо, бо я на цьому каналі поки фокусуюсь тільки на технічному аспекті - як правильно/швидко/зручно працювати з інструментом. Але я не покриваю те, що саме з цим інструментом можна робити. Я не говорю про кольори, композицію, типографіку, анімації, логіку побудови сторінок, аспекти зручності цих сторінок тощо Окрім того, дизайн суууупер комплексна штука, і мені дуже складно уявити якесь одне джерело знань про нього - тут завжди корисним буде дослідження всього навколо, тому обмежуватись чимось тільки один зовсім-зовсім не варто :)
@Yelizaveta7
@Yelizaveta7 Жыл бұрын
Дуже дякую за цікаве відео!) Які б ви радили ком'юніті по Фігмі?
@juli.and.design
@juli.and.design Жыл бұрын
дякую вааам! 🐸 не до кінця розумію про які ком'юніті по фігмі ви говорите насправді) в фігмі є окрема фіча, яка називається "figma community" - це місце, куди будь-хто може викласти свої напрацювання чи щось цікаве і полегшити життя колегам-дизайнерам/дизайнеркам. але це просто простір з файлами, якихось інших ком'юніті навколо фігми я не знаю :)
@Yelizaveta7
@Yelizaveta7 Жыл бұрын
@@juli.and.design дякую за відповідь, я щось подумала про якісь телеграм канали чи сайти спершу😅
@veselyiandrii2178
@veselyiandrii2178 Жыл бұрын
продовжуйте будь ласка
@juli.and.design
@juli.and.design Жыл бұрын
обов‘язково, тільки трішки розгребусь з роботою і все буде 🫡
@ksenimoon
@ksenimoon 2 ай бұрын
Не зрозуміла, як ви у самому кінці відео редагували текст на картках одночасно , підкажіть будь ласка
@alexbobs9664
@alexbobs9664 5 ай бұрын
Як саме ти змінила за кадром ти кольори???В мене в пропертіс створюється тільки один калор і одне значення і більше просто не получається,вже годину сижу думаю як ти це зробила бо на відео цього фрагменту немає наперед дякую
@anastasiia_ukr3007
@anastasiia_ukr3007 Жыл бұрын
Юлія, а як можна Вас знайти в інстаграмі?
@juli.and.design
@juli.and.design Жыл бұрын
у мене немає ніякого дизайнерського інстаграму, а тільки мій особистий, то я сумніваюсь, що вам буде сильно корисно просто дивитись на мої фоточки))
@anastasiia_ukr3007
@anastasiia_ukr3007 Жыл бұрын
@@juli.and.design а Ви ще не відкрили свої курси?
@juli.and.design
@juli.and.design Жыл бұрын
хаха та ні) у мене є тільки цей канал, де я роблю відео безкоштовно + невеликий файл для практикування фігми за невелику суму, але курсів немає і не думаю, що будуть їх зараз на ринку мільйон, ще величезна частина з них - просто вода без жодного толку. якби я щось починала таке, це зайняло б дуже багато часу для створення чогось якісного і коштувало б дуже багато грошей, бо усі ці курси за 500 гривень - не моя історія))
@user-ep7rv5jp3o
@user-ep7rv5jp3o Жыл бұрын
вибачте, я не зовсім розумію як можливо зробити такі фрейми за допомогою layout, бо при намаганні поставити такий "листочок" в правий нижній кут, він зсувається у зовсім інше місце і його ніяк не виходить правильно поставити :'
@juli.and.design
@juli.and.design Жыл бұрын
ось накидала вам приклад) можете скопіювати собі цей файл і спробувати порозтягувати карточку. Налаштування зроблені так, що текст і прямокутник-фото будуть підлаштовуватись під розмір карточки, а ціна і кнопка "+" будуть приклеєні до правого і лівого краю відповідно. www.figma.com/file/ph6IwlDhHu8LeIMUHUCjb0/example?node-id=0%3A1&t=S4ShKFs9R4jrGZIB-1
@user-ep7rv5jp3o
@user-ep7rv5jp3o Жыл бұрын
я вас люблю💓
@juli.and.design
@juli.and.design Жыл бұрын
клас, добре, що тепер все зрозуміло!
@yuliannakhomych7619
@yuliannakhomych7619 Жыл бұрын
В мене схоже питання,тільки з компонентами. Чи можна їх об’єднати у картку за допомогою auto layout?Кілька годин крутила і так нічого і не вийшло. Дякую Юля,за вашу працю🌸
@terezabezkorovaina5399
@terezabezkorovaina5399 Жыл бұрын
А ви часом не займаєтеся менторством?🙈
@juli.and.design
@juli.and.design Жыл бұрын
я ще поки трошки боюсь того рівня відповідальності, який несе за собою дизайн-менторство, але якщо у вас є питання саме по інструментарію, я з радістю поділюсь досвідом :) і як тільки вирішу почати менторство, одразу поділюсь цим на каналі, обіцяю ✨🐢
@terezabezkorovaina5399
@terezabezkorovaina5399 Жыл бұрын
@@juli.and.design супер, дуже дякую, буду чекати))
@ikorynets1
@ikorynets1 10 ай бұрын
@@juli.and.design а скільки ви вже загалом в дизайні?
@user-jm7yd5rt8r
@user-jm7yd5rt8r Жыл бұрын
Дуже дякую за змістовні і зрозумілі туторіали та ще й українською! Дуже приємно слухати) бажаю сил і творчого натхнення
@juli.and.design
@juli.and.design Жыл бұрын
юхууу! дякую :)
Stupid Barry Find Mellstroy in Escape From Prison Challenge
00:29
Garri Creative
Рет қаралды 20 МЛН
Is it Cake or Fake ? 🍰
00:53
A4
Рет қаралды 20 МЛН
Please be kind🙏
00:34
ISSEI / いっせい
Рет қаралды 156 МЛН
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 270 М.
ГРАФІЧНИЙ ДИЗАЙНЕР про професію від А до Я ( KLOCHKO.DESIGN )
1:00:15
Як працювати в 10 разів швидше у Figma
11:16
ЛІЗА ПРО ДИЗАЙН
Рет қаралды 5 М.
Компоненты в Figma за 5 минут | Уроки по Фигма 2022
3:52
Уроки WordPress & Figma
Рет қаралды 10 М.