Figma українською | Що таке автолеяут і для чого він потрібен у Фігмі

[@ОльгаДолик-ы8д]

Юля, підкажіть будь ласка чому у мене відсутній параметр Spacing mode?

[@juli.and.design]

привіт! Фігма оновилась декілька місяців тому, тепер цей параметр можна знайти, якщо натиснути на стрілочку вниз у полі, де написана відстань між елементами в автолеяуті :) Space between тепер називається Auto 🙄

[@svitlana_hubska]

Знайшла ваш канал випадково, коли шукала уроки фігми англійською. Це афігенно круто, що є такі змістовні і корисні відео українською! І я просто не можу цим натішитись! Щиро дякую вам за вклад в цінний український контент! Відео просто вогонь!

[@juli.and.design]

і я не можу натішитись таким коментарям! 🥹 дякую :)

[@katerynahaievska9304]

Випадково натрапила на ваш канал. Я навіть не сподівалась що щось таке може бути українською! Тому велика подяка за такий контент.

[@meretrizON]

Дуже бракнуло в цьому відео детального пояснення як ви зробили цю картку. Але загалом ви пояснюєте дуже круто і доступно, дякую за працю!)

[@AmUZingDesign]

Юля, дуже дякую за цікавий і корисний контент українською мовою!

[@krenetsiryna]

І щоб ви знали, по вашому відео налаштувала компоненти, то навіть мій лід попросив скинути ваші уроки йому) Ще раз дякуємо за працю))

[@ТаняБлаго]

Дякую за урок. А за українську мову окремо ДЯКУЮ. Хочеться ще Ваших уроків.

[@juli.and.design]

дякую! в мене грандіозні плани на розвиток цього каналу :) тільки закінчу робочі питання і берусь за новв відео 🦾

[@krenetsiryna]

Юля продовжіть знімати відео будь ласка !!!! Не вистачає вашої легкої подачі))) Дуже треба віде про змінні і оновлену фігму))

[@juli.and.design]

💫💫💫 я геть нічого не можу планувати по наступних відео на каналі, бо маю купу роботи і паралельно готуюсь до служби, тому, на жаль, в мене нема ідей чи колись я повернусь до запису відосів по фігмі, чи вже все) зате тішусь, що принаймні ці старі напрацювання ще трохи можуть приносити користь :)

[@krenetsiryna]

@@juli.and.design Ви неймовірна... Хай все складеться(величезни й респект!) і на службі, і з роботою. Але знайте що купа джунів (включаючи мене) чекають вас завжди!

[@IrynaKrenets]

Дякую Вам! Дуже класно подаєте матеріал))) Натхнення Вам та успіху))

[@НаталияРека-ю9щ]

Дякую за якісний україномовний контент. Дуже корисні поради людини з досвідом, що полегшать шлях початківцю. Щасти

[@СвітланаМихайловська-э2о]

Величезне дякую! Це дуже корисна інформація!

[@НаталіяПоліщук-н8б]

Дай Вам Боже здоров'я!!! У Вас талант пояснювати! Я в захваті від відео

[@majjakovalenko]

Дуже детальне і зрозуміле пояснення, у Вас позитивний настрій, який передається. І гарна українська мова) Дякую!

[@juli.and.design]

клаас! ще ніколи моя калуська українська мова не отримувала стільки компліментів :D дякую :)

[@anatolijbaranov5836]

Юля - Ви молодець. Дуже корисний відос.

[@LiliiaB-q8v]

Дякую, усе доступно і зрозуміло ❤‍🔥

[@ЗояСмельницкая]

Дякую! Відмінні пояснення! 💛💙

[@zzz000zzz000z]

Дуже дякую за такиі супер детальні уроки!🤩 Дуже допомагають мені у починанні ❤

[@tcv4606]

Я ненароком натрапив на ваш канал і після перегляду одного відео мені захотілося дивитися дальше😊 Хочу побажати вам натхнення на наступні відео.Велике дякую. Ви є першою людиною якій я залишаю коментар 🎉🎉🎉🎉

[@juli.and.design]

ооо, ну нічого собі! дуже приємно, дякую за такий коментар :) успіхів з Фігмою

[@Alena-h8f]

Дякую за чудовий урок, дякуючи вашому каналу можна дізнатись та навчитись багато чому нового. Продовжуте в тому ж дусі!

[@juli.and.design]

я сильно радію, що тепер більше людей дійсно розуміють що таке автолеяут і як правильно створювати компоненти 🥳 дякую, що дивитесь :)

[@МаринаНитченко-в2ч]

Чудове відео, все чітко і зрозуміло, величезне дякую🫶

[@Naz-EJ]

Оооооооооотакеннна подяка!)) Ви дуже доступно розповідаєте... Hug🤗))

[@muzaaneczka]

Дякую величезне, чудово пояснюєте. Навчаюся веб-дизайну якраз. Для мене раніше аутолеяути були як темний ліс. Тепер все зрозуміло. Підписалась не роздумуючи💛💙

[@AnnaLiriel]

Юля, тільки завдяки вам почала розуміти лейаути! Дякую!

[@luchachka2175]

дякую за вашу працю🫶🏻 ви дуже полегшуєте процес освоєння фігми

[@drbzk.nastia]

Дякую за суперське відео про корисні речі програми Фігма українською)

[@juli.and.design]

дякую за такий відгук! :)

[@lucyveev7546]

Дуже дякую за контент! Дуже зрозуміла подача, гарний голос) І кохана українська!

[@ОленаКононенко-м5б]

Дякую! дуже корисне відео

[@winkblinkfrown]

класс, дякую! так все зрозуміло і цікаво та ще й у вільному доступі🥰

[@annanovoselets7813]

Ви чудова! Дуже якісно, зрозуміло і детально пояснюєте . Дякую вам

[@ОльгаКачинська-б1у]

Дякую Вам, Юля. Доступне пояснення і позитивний настрій. Ще, було б круто за Вами все повторювати відразу по Ваших же заготовках, на яких Ви пояснюєте. Відразу своїми руцями робити. Ви крута!!!!

[@juli.and.design]

клааас, дякую! можливо в мене колись дійдуть руки до того, щоб зібрати матеріали, з якими можна було б зразу все за відео повторювати, але поки, на жаль, через русню і відключення світла часу настільки мало, що треба зосередитись на пріорітетніших речах))

[@nataliyakunderevych1211]

цікаво. дякую і за фігму і за українську мову

[@juli.and.design]

клас, рада, що подобається)

[@la_clare]

Клас, дуже крута штука) Буду пробувати гратись з нею

[@juli.and.design]

успіхів, автолеяут дуууже спрощує життя при створенні дизайну інтерфейсів/усіляких презентацій/постів з купою інформації тощо, впевнена, що є ще застосування, про які я поки не знаю))

[@ЮрійВдовкін]

Дуже зрозумілі пояснення та цікавий контент)

[@viktoriiamahas168]

Ви просто знахідка ))))❤ дякую !!!🎉

[@Дяся]

дякую! дуже файно

[@ОляБоляк-ч7й]

Дякую вам!! Якраз такого контенту мені дуже не вистачало🤩

[@juli.and.design]

як добре, що ютюб підкинув вам мої відео! тут багато такого контенту 🙌

[@yurchik1429]

Дуже чітко і зрозуміло пояснюєте! Більше відео, щасти вам! 😊

[@YuriiAvram]

Дякую дуже за уроки повчально і весело)!

[@juli.and.design]

рада, що корисно і цікаво! :)

[@grazygoat]

Юля, ви крута!!! нарешті я зрозуміла цю тему. Дякую безмежно

[@juli.and.design]

хуух, вітаю вас з новим знанням! тепер ви зможете працювати швидше і легше, ура-ура! ✨🐸

[@Yulka_knopa]

Дуже легко і класно пояснюєте!! Дякуюю!♥

[@annserhiienko]

Юля, дякую за прекрасний відеоурок! особисто мені трохи важкувато з автолейаутами, найважче - це зрозуміти, як саме його краще налаштувати на початку роботи. розумію, що це практика і досвід, яких в мене поки немає. але ви дуже доступно пояснюєте, з вами цікаво і хочеться продовжувати навчання)

[@juli.and.design]

так-так, коли ви самостійно спробуєте погрупувати елементи на якомусь кейсі, ви краще вловите як він працює і тоді все вже буде на автоматі) про нього насправді і говорити важко, бо зазвичай я вже не думаю "ой а як то його налаштувати", я просто це роблю, а щоб пояснити це словами, то треба проаналізувати кожен крок і чітко зрозуміти як воно все працює)) у вас теж все доведеться до автоматизму і стане легше, чесне слово 😌

[@annserhiienko]

@@juli.and.design дякую, що ви тут, в коментах, з нами додатково взаємодієте) Юля, ви - супер!

[@juli.and.design]

​@@annserhiienko якщо є питання, мені можна так само і в телеграм писати, там розбираємось з усіма тупіками, куди можна потрапити, тільки починаючи працювати у фігмі)) @jul_and_design

[@cappelmicarmen7903]

Дякую велике за цей контент

[@OlaDucheva]

Алілуя!!!! Я вас знайшла!!!!! Дякую!!!! Наснаги вам!!!!

[@InnaHerashchenko]

Юля, це неймовірна робота! Дякую вам за таке рішення в створенні такого контенту, за такий конструктивний підхід, деталізацію та просто бомбезний розбір на прикладах! Почала переглядати з першого заняття ваш плейлист і вже на цьому уроці не втрималася від коментаря :) (хоча я ще той жлобік, щоб сісти та написати). Бажаю вам професійних успіхів!

[@ЕвгенияСорокина-н1п]

Дуже вдячна за відео❤

[@norveje]

дякую за корисну інфо! автолеяут дуже цікава штука , дуже цікаво було б дізнатися як регулювати положення асиметричних елементів у фреймі за доромогою ал, намприкла щоб додати якийсь значок в кутку )

[@БакановаЕ-21]

Вельми вдячна!

[@Karina-oz6en]

Дуже дякую за це відео 🤍

[@juli.and.design]

дуже дякую за цей коментар! 🐆❤️

[@Svitlana_Blyaharska]

Юля, дякую! Нарешті зрозуміла!😍

[@juli.and.design]

ух, вітаю! дуже класно, що така досить складна тема стала зрозумілою, клас! :)

[@re1ze-q5u]

Дякую Вам за чудовий контент!

[@juli.and.design]

дякую вам за чудовий коментар :)

[@AlexFlib]

Дуже корисно та прикольно! 👍👍👍

[@juli.and.design]

клас! дякую, що дивитесь! Фігма з моменту запису відео трооошки оновилась, тому, аби мати найактуальнішу інформацію, рекомендую піти до них на сайт і глянути що там новенького 😌

[@AlexFlib]

@@juli.and.design Схоже, що ви профі в цій справі! 🙂👍

[@maxkcs004]

Дуже круто! Дякую)

[@juli.and.design]

клас-клас! рада, що це корисно! ✨🐸

[@Yelizaveta7]

Дякую за відео!)

[@juli.and.design]

дякую, що дивитесь! 🌼

[@курчата777]

дякую, це чудове відео, дуже все доступно, а головне українською, принципово російською нічого не дивлюсь, а от англійську нажаль дуже погано знаю, тому вам велика подяка за україномовні уроки.

[@ЮліяСадовська-ъ6й]

Дякую за УКРАЇНСЬКУ!!!Боже, як прекрасно чути потрібну інформацію рідною мовою!Велике ДЯКУЮ! P.S. Я теж Юля😃👌 що правда займаюсь дизайном інтер'єрів

[@olegsavchuk5004]

Дякую! Дуже круті і пізнавальні відео! Найкраще з того що я знаходив на ютубі! В якому випадку потрібно використовувати fixed size?)

[@juli.and.design]

коли якись елемент може бути тільки такого розміру і ніякого більше, типу він не підлаштовується під контент) до прикладу, карточки товарів в онлайн магазинах можна робити fixed по висоті і ширині, бо вони справді мають бути однакові завжди-завжди. Нема різниці чи там назва товару буде в один рядок, чи в два, карточка має завжди бути однаковою. Ну або можна контейнер для самої назви зробити fixed, а саму карточку вже hug content, бо контейнер для назви все одно змінюватись не буде)) з цим можна гратись, але ідея якраз в тому, що елемент буде сталого розміру і йому плювати який розмір контенту, що в ньому знаходиться)

[@olegsavchuk5004]

@@juli.and.design Дякую За відповідь! Але тоді ж контент буде вилазити за межі контейнеру. Якщо контейнер 350px висоти а тексту в ньому на 450px?

[@juli.and.design]

​@@olegsavchuk5004 в документації до проєкту добре прописувати вимоги до контенту і якраз це вказувати. Тобто можна вказати щось таке: "Назва товару повинна не перевищувати два рядочки, а якщо перевищує, то всі символи, які вилазять за контейнер не показуються, а замість них видно тільки три крапки. На ховері назва починає повільно рухатись аби користувач побачив повну назву" або "Назва на ховері не прокручується, повну назву видно тільки тоді, коли користувач відкриє сторінку з товаром" ну або як ви вирішите, це якраз робота дизайнера це продумати - а що відбувається, коли контенту забагато)) Зайдіть на розетку і знайдіть товар з довгою назвою - в карточці буде тільки два рядочки, весь інший текст просто не показується, от вам приклад того, як розетка це все вирішила) але це не значить, що по-іншому не можна, підете на інший сайт - може там буде рухати назва на ховері, може на ховері буде змінюватись розмір карточки, може буде якось з'являтись тултіп з повною назвою - хто як придумає))

[@droneclip1059]

Дякую за вашу працю. Клятий список здався тільки с третьої спроби.

[@juli.and.design]

якщо маєте якісь питання - пишіть мені, будемо рішати їх разом))

[@nataliagritsenko8117]

Дякую за Ваші відео! Запишить будь ласка відео, як ви створюєте кнопки з іконками в компонентах💛💙

[@juli.and.design]

а таке відео вже є)) далі в плейлисті можете знайти два відео про компоненти і друге відео якраз про кнопки)

[@MickeyLiveForever]

30:24 Зараз з оновленням щоб текст вписувався у розміри та підлаштовувався потрябно йти ще на рівень ніжче і вже налаштуваннях тексту виставляти fill conteiner, вручну до кожного елементу. Чи є спосіб пришвидшити цю роботу? Бо навять якщо виділити через ctrl елементи воно для всіх чомусь не спрацьовує

[@denysstelmakh7959]

Юлія вітаю, є advance питання щодо автолеяуту😁. Передмова коротенька. Якщо відкрити браузер у віконному режимі а не повнорозмірному, то можна міняти співвідношення сторін і розміри вікна, відповідно будуть змінюватись і розміри самого ж сайту. Саме ж запитання - Чи можна створити такий працюючий хард адванс автолеяут, який так само б працювати як на функціональному сайті і горизонтально і вертикально?

[@al-yo]

Дякую за Ваші уроки, дуууже корисно. В мене питання, як додати snapes (ці квадратики біля тексту з планом)?

[@juli.and.design]

в мене це була заготовка з якогось сету іконок - ця штука дуже часто використовується як checkbox у випадках, коли можна обрати декілька відповідей (наприклад, на питання "В яких країнах ви були?" добре давати відповіді з чекбоксами) але її дуже легко зробити вручну - просто взяти прямокутник, наприклад, 24х24 пікселі, зробити йому тільки заливку десь 1.5 пікселі в товщину, скруглити усі кути десь приблизно на 3.2 - і у вас вийде така ж фігура)

[@al-yo]

@@juli.and.design дякую за відповідь❤

[@juli.and.design]

@@al-yo 💛

[@ИннаГоловач-ы8г]

Скільки я вже передивилась відео про автолеяут і все одно не можу його толком зрозуміти... Чи є, можливо, якісь лайфхаки як це все вивчити?😂😭

[@Ostin3232]

Українська тай ще окрема увага на вимовляння англійських фраз та термінів, та ти шо я влюбльон! Супер подача і знання матеріалу і тематики! Дівчата такі дівчата обожнюю вас розумнички!)

[@AdelinaPetrus-b2u]

Привіт! в мене немає spacing mode в автолеяуті, з чим це пов'язано?

[@juli.and.design]

привіт! Фігма оновилась декілька місяців тому, тепер цей параметр можна знайти, якщо натиснути на стрілочку вниз у полі, де написана відстань між елементами в автолеяуті :) Space between тепер називається Auto 🙄

[@VictoriaKobylinska]

Чомусь в мене режим fill container не працює як у вас. Текст не рухається і не адаптується під розмір frame(

[@juli.and.design]

перевірте точно чи у вас увімкнений автолеяут, якщо не виходить - напишіть мені в тг jul_and_design

[@AndriiKSK]

голос авторки - насолода для вух:)

[@juli.and.design]

а такі коментарі - насолода для душі авторки :)

[@Наташа-с2у3п]

На жаль, моя figma не достатньо розумна, щоб зрозуміти, що rectangle - це фон 😢😅 Не знаєте в чому може бути проблема?)

[@juli.and.design]

підкажіть, до якого моменту у відео питання, шоб я краще зорієнтувалась?)

[@Наташа-с2у3п]

​@@juli.and.design 32:57