Responsive Web Design Has Never Been This Easy | Figma Breakpoints

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

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

  • @alanbaskaev3907
    @alanbaskaev3907 2 года назад +12

    Jesse mate, at first I didn't like your content that much. But now I can say that I really enjoy watching your videos. Concise, no bs stuff. Peace.

    • @ideaindividual
      @ideaindividual 2 года назад +4

      Nobody care what you think

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

      @@ideaindividual uhh. I do

  • @benuwisnu399
    @benuwisnu399 2 года назад +1

    dayum, figma community was so powerful ⚡⚡⚡

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

    Great video Jesse. Not only are your videos educational, it is a pleasure to hear you break it down. Your attitude and personality are second to none in the design tutorial game. I am having trouble getting the files into webflow after I use the breakpoints app, it won't allow me to copy the sections over. Do I have to detach the instance, or maybe I'm missing something?

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

    Great tip,thank you! I have a big question though. For multiple pages in a project,do I have to design all the pages at each size? Cuz that would take ages. Is there something I'm missing? Thanks in advance!

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

    within breakpoints: responsive; when going over breakpoints: adaptive.

  • @murphyandmurphybrand
    @murphyandmurphybrand 2 года назад +5

    What would the workflow be to apply this to 40 + unique pages?

  • @SisiBisi-zh1cj
    @SisiBisi-zh1cj 5 месяцев назад

    Thank you so much

  • @luisbrizuela9355
    @luisbrizuela9355 2 года назад

    thanks so much!! this video is the solution to my Junior Life problems haha... maximum respect bro!!

  • @AlfredoFranciscoRamosArt
    @AlfredoFranciscoRamosArt 2 года назад

    Thank you Jesse!!

  • @jeremiahsamuel3707
    @jeremiahsamuel3707 2 года назад

    Thanks, Jesse. This a great tip!!!

  • @heznadastudios
    @heznadastudios 2 года назад +1

    Amazing plugin. Thanks man

  • @sanketss84
    @sanketss84 2 года назад

    wow just what I needed to learn as a figma beginner

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

    Is there any way to export the responsiveness as react code?

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

    Can you use breakpoint plugin multiple times on the same page but lets say different sets of screens?

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

    He mentioned "Scaling the object inside with artboard stretches" to make it look more responsive, can anyone mention how it's is done?

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

      He probably means Constraints function on right-side tools bar.
      So in default, the object you created is set Constraints to Left-Top, then you have to change it to Scale-Scale to make object scaling along with frame it's settled.

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

      @@Soothdom I was trying to replicate the same.. so its done by properly using hug or fill container, btw thanks for your reply

  • @dave_dj1658
    @dave_dj1658 2 года назад

    This is AMAZING 🤩

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

    Hello Jesse, is it still going to be responsive when I preview the breakpointed frame on desktop or figma mirror up??

  • @wenjiewu3489
    @wenjiewu3489 2 года назад

    oh man this video is so helpful

  • @LukasNagy-ii7rc
    @LukasNagy-ii7rc Год назад

    Did you click/ hold any key when you selected the frames for the breakpoints? It looks like you created components or at least the purple outline and icon say so

  • @shahriarsultan
    @shahriarsultan 2 года назад

    Superb Superb Superb

  • @matthewhopkins2995
    @matthewhopkins2995 2 года назад

    plugin for what? wp?? ... can one export the layout as css-template or what is it good for? i dont get it

  • @einzelstein5291
    @einzelstein5291 2 года назад

    How do you export those? Is ist visible in the shared link?

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

    great content cheers! I can feel that your voice doesn't really sync well with the facial lipsync in the video.

  • @khafidznr
    @khafidznr 2 года назад

    great!

  • @serychristianrenaud
    @serychristianrenaud 2 года назад

    Thank

  • @suman121069
    @suman121069 2 года назад

    awesome

  • @sayaankhan3484
    @sayaankhan3484 2 года назад

    Doesn't
    --
    do the same thing?

    • @rohitdeka670
      @rohitdeka670 2 года назад

      that is the starting bro
      then you have to go to CSS with @media screen max width

  • @robertocoladomenico5426
    @robertocoladomenico5426 2 года назад

    Boom, sffffiuuu BOOM, sfiun BoOm, Boom!

  • @kenishajojo7725
    @kenishajojo7725 2 года назад

    woww... please make one for adobe xd as well

  • @prasadwadekar805
    @prasadwadekar805 6 месяцев назад

    Please also mention that it's not free. 15 days trial is also there

  • @danemaps5305
    @danemaps5305 2 года назад

    Is the plug-in free just for 15 days?

  • @gxramirez
    @gxramirez 2 года назад

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

    Can it get easier xDD

  • @asmr.Beehere
    @asmr.Beehere 2 года назад

    omG!!! 💃

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

    The plugin is not free

  • @TechStreamKushanDissanayake
    @TechStreamKushanDissanayake 2 года назад +1

    It is good but it is a paid version

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

    I didn't get anything you taught here. This is definitely not for someone who's fairly new to the idea of breakpoints.

  • @chadvise3308
    @chadvise3308 2 года назад

    damn aob

  • @samuelvalentine7846
    @samuelvalentine7846 2 года назад

    Sleek and fast

  • @shafiquabukhari6386
    @shafiquabukhari6386 2 года назад

    love from pakistan did you use facebook

  • @einzelstein5291
    @einzelstein5291 2 года назад +1

    How do you export those? Are they visible in the shared link?