world's shortest Framer course

Поділитися
Вставка
  • Опубліковано 4 січ 2025

КОМЕНТАРІ •

  • @MatthiasFeist-de
    @MatthiasFeist-de 6 місяців тому +364

    Suggestion for the next videos: Also dig a little into the pricing. I actually use Framer in production and I will definitely move away from it as soon as I have time because their pricing is outrageously expensive. Basically they charge for every little feature that other platforms have included.

    • @Solanaar
      @Solanaar 6 місяців тому +12

      do you have alternatives? I am currently looking for applying for a job as app- and webdesigner and need to make a portfolio page that itself should show off my skills. But I want to be flexible in my host options, so stuff like wix, etc. is a no go imo.

    • @bencehorvath8016
      @bencehorvath8016 6 місяців тому

      @@SolanaarBootstrap Studio is a pretty good alternative

    • @omrisadovsky
      @omrisadovsky 6 місяців тому +14

      @@Solanaar honestly, keep it in framer. after research that I did its the most easy and if you don't want spend the extra money you don't have to. you can build a portfolio in few days just by remixing an already made template. and the only cost its the domain. ( and you don't have to also because framer give a free subdomain )

    • @seb-astian-design
      @seb-astian-design 6 місяців тому +4

      sadly the same thing is true for webflow. do yuo have a comparison between them both?

    • @omrisadovsky
      @omrisadovsky 6 місяців тому +6

      @@seb-astian-design I didn't do much research for webflow because, to be honest, it's more of a learning curve for me. I came from Wordpress and Figma, but I hated Wordpress. But now that I know Framer, I'm eager to move on to learning Webflow.

  • @Dni-smm-old
    @Dni-smm-old 6 місяців тому +328

    how do you speak fluent advertiser?

    • @kumbidi1770
      @kumbidi1770 6 місяців тому

      😂😂

    • @Patrick-gm3fb
      @Patrick-gm3fb 6 місяців тому +10

      This is what happens when someone has legit confidence in the product they're trying to sell.

  • @stevepaul1872
    @stevepaul1872 6 місяців тому +32

    Note to everyone: it is priced if you want to add a custom domain

  • @menschmatthes
    @menschmatthes 6 місяців тому +42

    Where did you come from and why are your Videos so high quality fromt he get go and are still getting better every time? Its crazy. I only got here because i was wondering where the Spotify Heart went and youtube using my google searh data to algortihm me this video. And now i will never leave again because this content just helps me so much. AAAA

  • @Tosti_bakker
    @Tosti_bakker 6 місяців тому +14

    I read the title as "Farmer course" and I was very confused, but still clicked...
    Then I read it again lol

  • @aynehancer5959
    @aynehancer5959 6 місяців тому +70

    "good news is you can learn it in no time"
    bad news is that it's way too expensive for what it is and monthly visitors limit is applied to you website. Framer is a prison.

    • @edenassos
      @edenassos 6 місяців тому +1

      "I'm broke."

    • @aynehancer5959
      @aynehancer5959 6 місяців тому +17

      @@edenassos If you don't get what is a tech golden cage, then you must love you iPhone.

    • @geoffplywood6112
      @geoffplywood6112 6 місяців тому

      Is webflow less expensive?

    • @edenassos
      @edenassos 6 місяців тому

      @@aynehancer5959 A lot of words for someone who is broke. Get a job. I have both iPhone and a Samsung Z Fold. We are not the same.

    • @aynehancer5959
      @aynehancer5959 6 місяців тому

      @@geoffplywood6112 Webflow is outdated comapring to Framer, so no need to compare a wooden axe with a metal one.
      Webflow is crazy expensive too by the way.

  • @williamericson
    @williamericson 6 місяців тому +2

    Jux I literally was looking for this and I saw that my favorite UX UA-camr just posted a vid with exactly what I needed. Many thanks broski

  • @bilalkhawaja5099
    @bilalkhawaja5099 4 місяці тому +1

    This has to be the best 6:32 minutes of learning framer, I am still wondering how did you literally covered everything that make websites standout in this short tutorial, subscribed looking forward to more tutorials

  • @snowkookiee
    @snowkookiee 6 місяців тому +32

    SHES BACK!!1

  • @omrisadovsky
    @omrisadovsky 6 місяців тому +11

    After nearly a year of practicing Framer, I finally get the relationship between positions and their types, thanks to your explanation!😳😅

    • @edenassos
      @edenassos 6 місяців тому +5

      Damn, someone needs to learn some critical thinking.

  • @freckhard
    @freckhard 6 місяців тому +1

    Highest respect to all of you making and breaking things and creating beautiful stuff. As a keyboard only person I can not think of something that would come less smooth out of my brain than design wether web/app or anything other so kudos to your skills and talents, oh and to Juxtopposed for being my guilty pleasure (I would never have believed to being subscribed to an "art"/"design" channel lol 🙂)

  • @cristinelcostachescu9585
    @cristinelcostachescu9585 6 місяців тому +44

    NGL, I like your UI redesign work more than this type of content. But as a tutorial from you, that's top-notch!

  • @fic-it
    @fic-it 6 місяців тому +5

    Oh my gosh just YESTERDAY I was thinking I should learn framer and webflow only to see you post this today. I adore you to bits, thank you!!

  • @VinitShimpi-qx9zs
    @VinitShimpi-qx9zs 16 днів тому

    bro how did you cover almost everything about it in under 7 minutes. Thats impressive!

  • @Ari-lv8nc
    @Ari-lv8nc 6 місяців тому +17

    Warning : Framer *does not* allow you to export your websites

    • @akuu597
      @akuu597 8 днів тому +1

      Now it can

  • @littlebit670
    @littlebit670 3 місяці тому

    1:24 It seems like everyone loves that font, I used to do a lot of stuff in Montserrat since I was very familiar with Roblox development, but most of the stuff I make in Figma is written in Inter now

  • @AndrewEugene
    @AndrewEugene 5 місяців тому

    That sticky, absolute visual explainer was on point!

  • @mshrutii
    @mshrutii 6 місяців тому +1

    she makes things so simple to understand like a person would explain it to 5yr old.
    like yess girl you understood the assignment !!

  • @Gagan_salwan
    @Gagan_salwan 5 місяців тому

    I started designing my website on framer but then I wanted to change the audio icon which is a pre built component inside framer and we can't make changes to them. So i switched back to webflow.

  • @barimull
    @barimull 6 місяців тому

    Just what I needed to kickstart my portfolio on Framer! Thanks 💛

  • @arnavshukla2408
    @arnavshukla2408 6 місяців тому +2

    Another banger let's go 🤍

  • @waut
    @waut 6 місяців тому +3

    came at the PERFECT time

  • @the-secrettutorials
    @the-secrettutorials Місяць тому

    More Framer stuff please 🤩

  • @PourasRaut
    @PourasRaut 6 місяців тому

    Goddamn I can’t take my eyes off from your videos once I started watching them

  • @user-dt9kk6sg8z
    @user-dt9kk6sg8z 3 місяці тому

    Is it possible to have an element stick to the top for half the page [sticky], and then scroll out afterwards? Like change the mode midway?

  • @waytolegacy
    @waytolegacy 6 місяців тому

    You are ASTONISHING ❤❤

  • @EthanBB
    @EthanBB 6 місяців тому +11

    Framer is a bit useless since you can't export code and put it on your own hosting.

    • @edenassos
      @edenassos 6 місяців тому +2

      Useless. Sounds like a comment I just read.

  • @SamadStudios
    @SamadStudios 5 місяців тому

    could you please tell me, once I frame the whole break point how can I undo frame like If I dont need frame anymore!

  • @10zDelek
    @10zDelek 6 місяців тому +1

    basically Figma but is deployable ?. why Figma hasn't thought of this feature yet. this would make Figma 10 times feasible. i was hoping for this announcement in the Figma Config :(

  • @NaveenRaajK
    @NaveenRaajK 6 місяців тому

    we need more cats to invade the videossss just another awesome banger and crispy vid good to go and post regularly

  • @LazyMoka
    @LazyMoka 6 місяців тому

    man, i love these videos

  • @sanketpatrikar
    @sanketpatrikar 6 місяців тому +15

    framer motion next please!

  • @Krizzoa
    @Krizzoa 6 місяців тому

    I want to learn all new techniques like gsap and modern practices but where I can learn them with a structured way?

  • @MultiSciGeek
    @MultiSciGeek 3 місяці тому

    What about dark mode / light mode toggle, and language change?

  • @capability-snob
    @capability-snob 6 місяців тому +1

    My big fear is that a designer hands me one of these and now I have to intuit the CSS and document structure they were intending.

  • @Solanaar
    @Solanaar 6 місяців тому

    Perfect timing! I am currently looking to get into the app- and webdesign industry. Figma is already super intuitive so I immediately got hooked on the familiar interface of framer. I know there's a figma importer plugin for framer, so would you recommend designing in figma and then import to framer for all the interactions or directly work in framer?
    Also I've heard the pricing can be high, does framer offer the flexibility of exporting the actual files for self-hosting or are you locked into framer as a host when using it?

  • @banksoor
    @banksoor 6 місяців тому +1

    It surely looks cool and convenient, but how does it perform on the DOM and backend? Does it provide maintainability and scalability of an entire website?

    • @edenassos
      @edenassos 6 місяців тому

      Stop trying to sound smart, the Framer engineers know this way better than you.

    • @banksoor
      @banksoor 6 місяців тому +8

      @@edenassos stop sounding stupid please, what i said isn't being smart it's just asking from a professional point of view

    • @user-lj4lo7cx7m
      @user-lj4lo7cx7m 6 місяців тому

      ​@edenassos do you get paid for writing stupid comments?

    • @edenassos
      @edenassos 6 місяців тому

      @@user-lj4lo7cx7m Do you get paid for being mediocre in life? Doubt it, that's why you're broke.

    • @edenassos
      @edenassos 6 місяців тому

      @@banksoor A simple google will tell you all the information you need but you had to ask it here like some 78 year old grandma who has never used a computer in their life.

  • @karanheer
    @karanheer 6 місяців тому +6

    your videos are so relaxing, at the same time so educating ❤

  • @kitamashi
    @kitamashi 6 місяців тому

    1:00 smaller than 390px?

  • @nerusnotfound
    @nerusnotfound 6 місяців тому +1

    I love her voice 😍

  • @_Levi2589
    @_Levi2589 6 місяців тому +3

    i cant stop binging your videos helpp

  • @BrayanRuiz-m3w
    @BrayanRuiz-m3w 6 місяців тому +1

    you need to make a course, I'll pay anything for it

  • @Orca4YT
    @Orca4YT 6 місяців тому +22

    You should redesign the Fortnite ui in a video. The lobby, shop, battle pass, all of that, and maybe the ui like the health, sprint, shield and more

    • @MoleNihil
      @MoleNihil 6 місяців тому +8

      ew

    • @CleverYeti
      @CleverYeti 6 місяців тому

      She already remade the lobby and the button outline animation on CodePen and I think a redesign could be interesting.

  • @noahwaaga5079
    @noahwaaga5079 6 місяців тому

    But what if I'm a masochist and want to write the html/css yourself

  • @bravo8932
    @bravo8932 6 місяців тому

    i love your videos and i dont know why

  • @Pollychoiyewon
    @Pollychoiyewon 6 місяців тому

    thank you for the promo codes 🥺

  • @boston.z2651
    @boston.z2651 6 місяців тому

    world's shortest webflow course dropping in near future?

  • @ronakdave2437
    @ronakdave2437 5 місяців тому

    Framer should hire you as tutorial expert

  • @Xenthiums
    @Xenthiums 6 місяців тому +1

    Make a penpot course next?

  • @FaizKhan-of9qv
    @FaizKhan-of9qv 6 місяців тому

    your voice is addictive

  • @nerd_abroad
    @nerd_abroad 6 місяців тому

    I'm already comfortable building websites with React. Is there any point learning Framer? Like is it actually faster to build in framer than React? Or is Framer just for people who don't want to learn to code?

    • @saubhagyalive3061
      @saubhagyalive3061 3 місяці тому

      It's faster to build in framer but there're a lot of limitations compared to the freedom that coding brings. If you know react and typescript, you can do some custom code overrides in framer. Worth a try but it's pricing is outrageous.

  • @thaonf
    @thaonf Місяць тому

    Could the next one be Webflow?

  • @dimarhaulussy8923
    @dimarhaulussy8923 Місяць тому

    wdyt about toddle?

  • @that_guy1211
    @that_guy1211 6 місяців тому +1

    ah yes, lovely how my teacher forces us to use Google sites, doesn't allow us to write our own HTML, even tho we were taught how, and how she says anything other than google sites isn't real website development cause you can just template, and templates are bad
    =)
    love my teacher /s /j

  • @tacticalassaultanteater9678
    @tacticalassaultanteater9678 6 місяців тому +1

    Think twice before using soft cursors. Your website or framework won't adapt to the client computer's available cpu time. They're fine on fancy over-the-top landing pages, that's what a landing page is for, but users shouldn't ever have to visit a page with a soft cursor or excessive scrolljacking in a hurry.

    • @arkitekt1981
      @arkitekt1981 6 місяців тому +1

      I personally think overriding scroll behaviour and cursor is a huge problem and should never be done. unless you're going for a full application experience like a game, there's no reason a user should have to learn how to interact with your website in any other way than normal. hurts everything, including accessibility.

    • @tacticalassaultanteater9678
      @tacticalassaultanteater9678 6 місяців тому

      @@arkitekt1981 If done right, scroll jacking is supposed to disorient a bit. The narrative is that you're going on a journey. You can't get lost because there's only one way to go, but you should just take the road at your own pace and watch the show.

    • @tacticalassaultanteater9678
      @tacticalassaultanteater9678 6 місяців тому

      @@arkitekt1981 it is a hand cranked animatic, if you will.

  • @ivnshkshn
    @ivnshkshn 6 місяців тому

    I like your videos, your delivery, your voice
    Thanks for the quality content

    • @ivnshkshn
      @ivnshkshn 6 місяців тому

      And cats fosho

  • @Enuman
    @Enuman 6 місяців тому

    You are awesome. that's it.

  • @iscream8963
    @iscream8963 6 місяців тому

    this video came when i just broke my 12 hr work in weflow

  • @Panopticonae
    @Panopticonae 3 місяці тому

    for once, i am acctually seduced by the advertisement, ngl ima use it

  • @marcusdelictus
    @marcusdelictus 5 місяців тому

    its all cool, but then you realize youres stuck there with another subscription. and you cant export de design. its a no for me

  • @EpiccDragon
    @EpiccDragon 6 місяців тому +10

    Stack is better for me 😊

  • @tacticalassaultanteater9678
    @tacticalassaultanteater9678 6 місяців тому

    Inter is amazing, thank you!
    I'm a programmer who actually enjoys CSS a lot, so I was about to click off this video, but I decided to stick around and I'm richer with another beautiful font.

  • @3xist
    @3xist 6 місяців тому

    juxtopposed the goat

  • @othmaneer-refaly9216
    @othmaneer-refaly9216 6 місяців тому

    more videos about Framer please

  • @lilililil8201
    @lilililil8201 6 місяців тому

    Grid and stack are grid and flex in css

  • @Zack-dw5op
    @Zack-dw5op 6 місяців тому

    I prefer grid. Stack feels like it might as well just be a carousel

  • @jiessix
    @jiessix 6 місяців тому

    What's the difference with figma ?

  • @krytec_gaming
    @krytec_gaming 6 місяців тому

    Please do a Buzzfeed redesign!

  • @artificiyal
    @artificiyal 6 місяців тому

    world's shortest course ❤❤

  • @jonyeazel
    @jonyeazel 6 місяців тому

    wish the video would have been done with better contrast from the elements and the background. other than that, great content as usual.

  • @zyan...
    @zyan... 5 місяців тому

    o próximo redesign poderia ser do notion ou SoundCloud

  • @speedcookie
    @speedcookie 4 місяці тому

    what happend to figma?

  • @agentofthestate1
    @agentofthestate1 4 місяці тому

    Suggestion: Redesign the Android or iOS user interfaces.

  • @faa-
    @faa- 6 місяців тому

    👤+Yeah!

  • @morphingmandalas8703
    @morphingmandalas8703 6 місяців тому +3

    Can you do it for figma

    • @juxtopposed
      @juxtopposed  6 місяців тому +2

      already have. check my channel :D

  • @saayxee
    @saayxee 6 місяців тому

    Cool video, Can you please make a new Webflow tutorial?.

  • @CaptainFalcon92
    @CaptainFalcon92 6 місяців тому +2

    So essentially a gui for making entry-level css. Nice for somes but i'll stick with knowing actual css.

    • @llamamilk
      @llamamilk 6 місяців тому

      i think its mostly for web-design and prototyping, like an alternative for Figma. you need to explain your ideas and creative works to a client or dev team but you want them to grasp a full picture, i havent tried framer but i doubt it can be attached to back-end without actual coding. but as a designer that knows how User interaction works and want to create great experiences for users translating your idea's from creative outlet to actual code takes the "Fun" out of designing something. So this tool allows those who have fun being creative to be creative and leaves room for those who enjoy coding and problem solving.

    • @edenassos
      @edenassos 6 місяців тому +1

      You can use code in Framer for anything that doesn't exist within the UI. Grow a brain maybe.

  • @brnmln
    @brnmln 6 місяців тому

    Oh look it's Teleportina

  • @karma3040
    @karma3040 6 місяців тому

    Eyy love your work! Keep it up

  • @greyw0lv
    @greyw0lv 6 місяців тому

    love the inter respect

  • @cax_inc
    @cax_inc 6 місяців тому

    Bro are you a gigachad ?

  • @cdkw2
    @cdkw2 6 місяців тому

    3:12 ellipses. My god this is my first time listening that pronunciation of ellipse, my favorite conic section got done bad 😭

  • @avi12
    @avi12 6 місяців тому

    IMO the best responsiveness isn't "adaptive" but rather "fluid", where there are no breakpoints but rather the layout adapts to all screen sizes effortlessly by using relative units like percentages

  • @Haluku9
    @Haluku9 6 місяців тому

    Amazing Video as always!!! Thank you sooo much

  • @jeanlucdecoster
    @jeanlucdecoster 6 місяців тому

    Please redesign Apple Music and Discord UI!!

  • @triplexd
    @triplexd 6 місяців тому

    well needed tutorial, thank you

  • @Gdeepanshu_
    @Gdeepanshu_ 6 місяців тому

    Obsessed with your content !!

  • @LVsale
    @LVsale 6 місяців тому

    Figma or framer?

  • @yamitha999
    @yamitha999 20 днів тому

    And I watched it on 2x :D .

  • @daydream8451
    @daydream8451 6 місяців тому

    I'm just hear for your voice😇

  • @MacOSOperatingSystemUser
    @MacOSOperatingSystemUser 6 днів тому

    No UI job for me (or anyone, actually) 🙃

  • @Isteyak-78
    @Isteyak-78 6 місяців тому

    It's the easiest web builder I've tried

  • @itsalexdev
    @itsalexdev 6 місяців тому

    I thought framer said figma 😂

  • @mathieul4303
    @mathieul4303 6 місяців тому

    I want an extended tutorial please 😅

  • @cax_inc
    @cax_inc 6 місяців тому

    I am a psycopath, sure at 1000000% 😂

  • @ismailsultan2577
    @ismailsultan2577 6 місяців тому +1

    its such a shame you cannot export the website

  • @jotyy318
    @jotyy318 6 місяців тому

    cool

  • @herosova
    @herosova 6 місяців тому +2

    framer is just a fancy name for i will charge you a fortune for the free stuff which you can learn but because of your laziness you cannot learn

  • @lazuee
    @lazuee 6 місяців тому

    it's like figma.

  • @EpiccDragon
    @EpiccDragon 6 місяців тому