Framer Crash Course(

almost 3 years ago from Pablo Stanley, Design at InVision, Writer at The Design Team, Mentor at Sketch Together

  • Thomas Michael SemmlerThomas Michael Semmler, almost 3 years ago

    I have seen all the videos, but unfortunately I couldn't learn that much. You basically just explained the interface, which is good - but I still don't know how to work with it. But that's not the fault of your videos.

    The Sketch Importer in framer unfortunately is a joke. I don't know about you, but my sketch files are super complex and have several hundred groups, a lot of pages and tons of symbols. I had to copy and paste two artboards into a new sketch file for it to import that single thing. And then it didn't even give me the choice to select what kind of artboard I want to work on.

    For me, it causes more problems then actually adding any value. I am looking for a prototyping tool at the moment and framers looks very professional, but I am seriously disappointed, a few hours into it. I guess I was expecting too much. It feels like this is more targeted towards making prototypes for mobile apps, then desktop applications.

    Either way, I think its fantastic that you provide these kinds of videos; thank your for sharing them.

    0 points
    • Pablo StanleyPablo Stanley, almost 3 years ago

      Yeah, I think the sketch importer could be a bit improved—I have had that same problem you mentioned, where I would move artboards to a different file just for the prototyping. Hopefully , they have something lined up in the future. I go over more than just the interface—it's a 16 videos playlist, not just the first video ;). The playlist starts getting more into coding around video 5 :)

      1 point
      • Koen Bok, almost 3 years ago

        Hey guys, the Sketch importer definitely takes some time getting used to. But there are some difficult problems with making it easier. Mainly; Sketch uses Groups for hierarchy where Framer (and the browser, UIKit, CoreGraphics, etc) use parent/child relationships.

        That is one of the reasons why we built the design tab. It's a subset of Sketch features optimized for drawing app ui. If you give it a quick try, you'll see how much easier it is to build interfaces compared to most other tools, and it takes away all of the importing pain.

        1 point
        • Pablo StanleyPablo Stanley, almost 3 years ago

          Oh, I have used the design tab and I think it's fantastic!

          At first, the way the parenting works was kind of strange, but the more I use it, the more I love it. I think it's just a reaction, after being used to doing things a different way with other design tools for a decade.

          While I love the smart decisions Framer makes for me when moving objects around, sometimes it does something I didn't really mean to be done. If there was an option in the preferences to enable/disable automatic parent/child relationships when you put an object on top of another, forcing the user to actually enter CMD+Return to do so, maybe some people would appreciate it :)

          Regarding the Sketch Importer, I think OP's main problem wasn't the parent/child relationship but that sometimes you want to be able to choose specific artboards to import. Sometimes you have a huge project, but you only want to create an interaction between two or three specific artboards in your project. If there was a way to choose which artboards you want to import, that would help :)

          0 points