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

Поделиться
HTML-код
  • Опубликовано: 1 янв 2025

Комментарии • 106

  • @ОльгаДолик-ы8д
    @ОльгаДолик-ы8д Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад +6

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

  • @svitlana_hubska
    @svitlana_hubska 2 года назад +36

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

    • @juli.and.design
      @juli.and.design  2 года назад +1

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

  • @meretrizON
    @meretrizON 3 месяца назад +1

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

  • @ТаняБлаго
    @ТаняБлаго 2 года назад +9

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

    • @juli.and.design
      @juli.and.design  2 года назад

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

  • @krenetsiryna
    @krenetsiryna 4 месяца назад +1

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

  • @krenetsiryna
    @krenetsiryna 4 месяца назад +2

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

    • @juli.and.design
      @juli.and.design  4 месяца назад +3

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

    • @krenetsiryna
      @krenetsiryna 4 месяца назад +1

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

  • @majjakovalenko
    @majjakovalenko Год назад +6

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

    • @juli.and.design
      @juli.and.design  Год назад +3

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

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

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

  • @IrynaKrenets
    @IrynaKrenets 3 месяца назад

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

  • @курчата777
    @курчата777 Год назад +1

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

  • @anatolijbaranov5836
    @anatolijbaranov5836 2 месяца назад

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

  • @katerynahaievska9304
    @katerynahaievska9304 2 месяца назад

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

  • @LiliiaB-q8v
    @LiliiaB-q8v 3 месяца назад

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

  • @ЗояСмельницкая
    @ЗояСмельницкая 4 месяца назад

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

  • @НаталияРека-ю9щ
    @НаталияРека-ю9щ 4 месяца назад

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

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

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

  • @AmUZingDesign
    @AmUZingDesign 2 месяца назад

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

  • @Alena-h8f
    @Alena-h8f 2 года назад +6

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

    • @juli.and.design
      @juli.and.design  2 года назад +1

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

  • @AnnaLiriel
    @AnnaLiriel 4 месяца назад

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

  • @ЮліяСадовська-ъ6й
    @ЮліяСадовська-ъ6й Год назад +2

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

  • @zzz000zzz000z
    @zzz000zzz000z 7 месяцев назад

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

  • @МаринаНитченко-в2ч
    @МаринаНитченко-в2ч 6 месяцев назад

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

  • @ОленаКононенко-м5б
    @ОленаКононенко-м5б 6 месяцев назад

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

  • @tcv4606
    @tcv4606 2 года назад +3

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

    • @juli.and.design
      @juli.and.design  2 года назад

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

  • @Дяся
    @Дяся 7 месяцев назад

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

  • @БакановаЕ-21
    @БакановаЕ-21 Год назад

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

  • @drbzk.nastia
    @drbzk.nastia Год назад +1

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

  • @nataliyakunderevych1211
    @nataliyakunderevych1211 2 года назад +2

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

    • @juli.and.design
      @juli.and.design  2 года назад

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

  • @ЮрійВдовкін
    @ЮрійВдовкін 7 месяцев назад

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

  • @luchachka2175
    @luchachka2175 7 месяцев назад

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

  • @lucyveev7546
    @lucyveev7546 Год назад

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

  • @winkblinkfrown
    @winkblinkfrown Год назад

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

  • @muzaaneczka
    @muzaaneczka Год назад

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

  • @yurchik1429
    @yurchik1429 10 месяцев назад

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

  • @la_clare
    @la_clare Год назад +2

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

  • @Naz-EJ
    @Naz-EJ 9 месяцев назад

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

  • @OlaDucheva
    @OlaDucheva Год назад

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

  • @Ostin3232
    @Ostin3232 11 месяцев назад

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

  • @YuriiAvram
    @YuriiAvram 2 года назад +2

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

    • @juli.and.design
      @juli.and.design  2 года назад

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

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

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

  • @cappelmicarmen7903
    @cappelmicarmen7903 11 месяцев назад

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

  • @viktoriiamahas168
    @viktoriiamahas168 11 месяцев назад

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

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

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

  • @Yulka_knopa
    @Yulka_knopa Год назад

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

  • @norveje
    @norveje Год назад

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

  • @annanovoselets7813
    @annanovoselets7813 8 месяцев назад

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

  • @ОляБоляк-ч7й
    @ОляБоляк-ч7й Год назад +1

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

  • @InnaHerashchenko
    @InnaHerashchenko Год назад

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

  • @grazygoat
    @grazygoat Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад

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

  • @annserhiienko
    @annserhiienko Год назад +1

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

    • @annserhiienko
      @annserhiienko Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

  • @AlexFlib
    @AlexFlib Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

    • @AlexFlib
      @AlexFlib Год назад

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

  • @MickeyLiveForever
    @MickeyLiveForever Месяц назад

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

  • @Karina-oz6en
    @Karina-oz6en Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад

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

  • @maxkcs004
    @maxkcs004 Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад

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

  • @Svitlana_Blyaharska
    @Svitlana_Blyaharska Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад

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

  • @Yelizaveta7
    @Yelizaveta7 Год назад

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

  • @re1ze-q5u
    @re1ze-q5u Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

  • @droneclip1059
    @droneclip1059 Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

  • @nataliagritsenko8117
    @nataliagritsenko8117 Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад

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

  • @olegsavchuk5004
    @olegsavchuk5004 Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

    • @olegsavchuk5004
      @olegsavchuk5004 Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад

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

  • @al-yo
    @al-yo Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

    • @al-yo
      @al-yo Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад

      @@al-yo 💛

  • @denysstelmakh7959
    @denysstelmakh7959 Год назад

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

  • @AdelinaPetrus-b2u
    @AdelinaPetrus-b2u Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад

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

  • @VictoriaKobylinska
    @VictoriaKobylinska 11 месяцев назад

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

    • @juli.and.design
      @juli.and.design  11 месяцев назад

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

  • @AndriiKSK
    @AndriiKSK Год назад

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

    • @juli.and.design
      @juli.and.design  Год назад +1

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

  • @ИннаГоловач-ы8г
    @ИннаГоловач-ы8г 5 месяцев назад

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

  • @Наташа-с2у3п
    @Наташа-с2у3п 6 месяцев назад

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

    • @juli.and.design
      @juli.and.design  6 месяцев назад +1

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

    • @Наташа-с2у3п
      @Наташа-с2у3п 6 месяцев назад

      ​@@juli.and.design 32:57