Прототипування і анімація в Фігмі | Рухаю пікселі #1

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

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

  • @vitoritybrand
    @vitoritybrand 10 дней назад

    Дякую за корисну інформацію!)

  • @daria_kalashnikova
    @daria_kalashnikova 9 месяцев назад +1

    Юлю, дякую вам за надзвичайно корисні пояснення 🤍🤍🤍

  • @alexroskos1172
    @alexroskos1172 22 дня назад

    Дякую! Цікаво, повчально!

  • @НаталяФеляк
    @НаталяФеляк Год назад

    Юля,та ви Гуру🎉Мені супер зайшло ваше пояснення!!!!Дякую!

  • @viktoriiapankratova7055
    @viktoriiapankratova7055 Год назад +4

    Ви дуже круто пояснюєте! І особливо спасибі за український контент🤩🤩🤩🤩

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

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

  • @СергійКоваленко-ф2ш

    Привіт! дякую тобі за твою працю!

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

      привіт!! тішусь, що це корисно :)

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

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

  • @ІринаВареннікова

    Дякую велике!

  • @Genadij-like
    @Genadij-like Год назад +1

    Дякую за нові знання 😃

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

      сподіваюсь, було цікаво і корисно! 🔥

  • @Julia.samohina
    @Julia.samohina Год назад +4

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

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

      клас, дуже тішуся, що це все корисно :) З експортом рухомих штук в Фігмі поки не дуже все класно, бо там в них інша ціль, зараз поясню.
      Функція прототипування в Фігмі створена для того, аби
      а) можна було створити клікабельні макети застосунку/сайту і протестувати з користувачами, не розробляючи усі ці макети по-справжньому
      б) аби дизайнери могли показати розробниками що і як повинно їздити/з'являтись/реагувати тощо і тоді вже інженери могли б це все будувати на сайтах/застосунках
      тобто Фігма -- не програма для монтажу чи анімації, це чисто для ілюстрацій чи перших прототипів, тому в ній немає прямого функціоналу викачування якихось гіфок чи відео.
      Але є різні плагіни, які були створені вже користувачами для таких цілей. Зокрема є Export to GIF/Video плагін, де заанімовані фрейми через Smart Animate (про смарт анімейт буде наступне відео, скоріш за все) можна експортувати гіфки.
      Тому ось так, всякими плагінами щось експортувати можна, але воно завжди буде мати купу обмежень. Завжди тримайте в голові, що Фігма не для цього робилась :)

    • @Julia.samohina
      @Julia.samohina Год назад

      @@juli.and.design Дякую дужее!! Все зрозуміла💓

  • @ОлександрМе
    @ОлександрМе 11 месяцев назад

    Дякую!

  • @dariia1869
    @dariia1869 Год назад +3

    Вау, круто, дуже дякую вам)

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

      клас, дякую за коментар! і це тільки початок прототипування, далі - більше 🔥

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

    круто, дякую Вам!

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

    дякую! Супер!!!!

  • @ОляКачко
    @ОляКачко Год назад

    Дуже класне відео!🔥🔥🤘

  • @SavchukR.V.
    @SavchukR.V. Год назад +1

    Молодець.

  • @vitoritybrand
    @vitoritybrand 10 дней назад

    Вітаю! А чи є у Вас урок, як експортувати анімацію? Чи то тіко запис екрану робити?

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

    Скажи, будь ласка, як зберегти гіфку з Фігми? Я не можу зберегти один фрейм, бо у мене їх 6 і усі поєднані анімацією..я не знаю, що робити

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

    Привіт. Якщо у тебе все добре, дякую за відосики😊

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

    Добрий день. А який стан треба вибрати для декстопу коли перемикання відбуваеться клавішами? Дякую

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

    кайф

  • @ІгорДудій-ц5ы
    @ІгорДудій-ц5ы 11 месяцев назад

    Привіт а можна зробити в фігмі анімацію одного розділу ? Чи можите підсказати як?

  • @АннаПастухова-п7э
    @АннаПастухова-п7э Год назад +3

    Привіт, все дуже доступно!❤ є питання, чи можна це прототипування зберегти у гіфку чи коротке відео, весь процес анімації, дякую! Підписалась! Бажаю успіху в розвитку каналу😊

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

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

    • @АннаПастухова-п7э
      @АннаПастухова-п7э Год назад

      @@juli.and.design дякую, в теж якийсь є😊

  • @ОлександрВертелецький-м5л

    Вітаю! Юля, підкажіть, чи існує можливість експорту з Фігма в CSS?

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

      я не супер експертка в html/css насправді, маю досить базові знання і тому особисто не стикаюсь з такими питаннями, алеее є пару варіантів, як можна щось витягнути з Фігми в css:
      - виділити елемент, піти у вкладку inspect і гортанути в кінець вкладки, там можна просто скопіювати стилі елементу
      - можна виділити елемент (до прикладу, якись цілий автолеяут) -> пкм -> copy as -> copy as css
      - якщо треба щось глобальніше, можна погуглити усілякі плагіни, які можуть в цьому допомогти, типу Builder.io чи глянути сайт Grida чи щось подібне і вже там дивитись)
      не знаю чи це вам якось допоможе, бо знову ж таки, я не сильно з цим стикаюсь, я просто передаю в розробку девелоперам Фігма файл і вони самі справляються далі :D тому можливо є ще щось, що я пропустила

  • @ЮляБогач-з8п
    @ЮляБогач-з8п 9 месяцев назад

    Привіт, надіюсь ти мені відпишеш, можливо ти зайнята, і не відповідаєш так, але мені потрібна твоя допомога щодо анімації, я б хотіла тобі скинути відео, і показати в чому проблема, бо так на словах я не можу пояснити, ну тобто я зробила все покроково, але коли наводжу курсор на кнопку, вона спочатку зникає, а з нею зникають і всі інші які з нею на одній лінії, і аж тоді вона змінюється, я вже годину сиджу і не можу розібратись чому так🥲😭

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

      можеш надіслати посилання на файл тут або @imnotju1 в тг