addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1light-bulblinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

UI animation prototypes using Flinto and Sketch (beginners)

OMG. ANIMATED PROTOYPES, YO!

Just a hands-on, no BS, workshop where we learn how to create simple but powerful UI animation prototypes using Flinto.

Here's the curriculum.

____________________________________________________________________

UI animation with Flinto Workshop (Beginners)

• UI Animation Principles (the only theory stuff)

• An introduction to Flinto

- The Sketch Flinto Plugin 

- Exporting our first project.

- A look at the UI

• How to create simple transitions between artboards

• Creating an Overlay Modal

• Adding scrollable areas

• Paged Scrolling

• Using Connected Layers

      - Simple Example

      - Tabbed Navigation

      - Cards UI with details

• Using Behaviors

- Creating a simple switch

- Creating buttons with Behaviors

- Creating Scroll Effects with Behaviors

• Practice

       - Cards UI

       - Mobile app with detail page and side-drawer menu

• Bonus: Creating a Parallax effect using connected layers

• Bonus: Creating a Parallax effect using Behaviors



____________________________________________________________________


What this is

Let’s learn to do some simple but awesome UI animations using Sketch 3 and Flinto. We’ll do it in person, in a small group (12 max), one-on-one. The old-fashioned way.

After some basic animation principles presentation, we'll jump straight into creating our first simple prototype on Flinto. Then we'll do a couple of simple mobile app projects where we'll learn to add screen transitions, layer animations, controlling elements with continuous interactions like scrolling and dragging and exporting our prototype, so we can share it with others (and yeah, we'll do some gifs too). How cool is that?


Who is it for

This workshop is for anyone interested in mobile app design, UI animation, and prototyping. We'll be focusing on using Sketch 3 and Flinto.  People with beginner to intermediate levels are welcome.  

IMPORTANT: You must already know the basics of Sketch to take this workshop.


Who is this NOT for

• The workshop is not about coding. If you're looking to get to develop ready-to-implement code for the web or mobile apps, then this is not for you. But, this workshop will teach you a great tool to create prototypes, and in so, getting a feel of an interaction or a flow early in the process, before investing in engineering time. 

• This is NOT for people that don't know how to use Sketch. Please take the workshop for sketch beginners first or check out this free crash course on YouTube first.


What you need

• Bring your laptop! You'll need a MacBook or Windows running OS X virtual environment.

• You need to have Sketch 3. You can get a 30 day free trial ;)

• Install Flinto (15 day trial available)

• Install Flinto's Sketch Plugin.

• Download all the resource files needed for the workshop (link will be sent a couple of days before the meeting).

• Feel free to BYOB (bring your own beer).


Why?

I started Sketch Together because I want to share the knowledge of using Sketch 3 and other tools for mobile app and web design. I want to give a new take on the old way of teaching; one on one, in a small but efficient workshop. Packing the important stuff in two intense hours. At the end we will have designed a simple mobile flow and put on a live prototype.

Why are you charging?

The workshops used to be free but now I'm requiring a small cover to fund expenses on my part putting together the content. If at the end of the workshop you feel you didn't learn some good stuff I'll refund you your money :)


Looking forward to creating awesome stuff with you! 

Join or login to comment.

  • Shivani A.

    I would like to be on the waitlist as well, if there is one!

    March 13

  • Juan

    No prob. Next time!
    Make it soon :)
    Thanks.

    March 16

  • Kevin H.

    Can I sign up for the waitlist?

    March 2

    • Kevin H.

      Hi Pablo, thanking for reaching out. Due to my current project, I'm going to have to sit out this time. I'll stay posted for your next!

      March 16

    • Pablo S.

      No problem, Kevin!

      March 16

  • Juan

    Hi Pablo, do I still having the chance?
    If yes what will be my next step? Pay through the Meetup site? Or at the time of the class?
    Thanks.

    March 16

    • Pablo S.

      Sorry, the seats were taken :(

      March 16

  • Samantha P.

    Could I also be added to the waitlist?

    March 2

    • Pablo S.

      Hi, Samanth!
      If some changes their RSVP, I'll let you know :)

      March 14

    • Pablo S.

      Hey, Samantha. A spot just opened up, if you wanna take it before it goes out :)

      March 16

  • Ashley T.

    Would you please add me into waiting list?

    March 7

    • Pablo S.

      Hi, Ashley!
      If someone changes their RSVP, I'll let you know :)

      March 14

    • Pablo S.

      Hi, Ashley. A spot just opened up, if you wanna take it before it goes out :)

      March 16

  • Matt

    Please add me to the wait list

    March 9

    • Pablo S.

      Hi, Matt!
      If someone changes their RSVP, I'll let you know :)

      March 14

    • Pablo S.

      Hey, Matt. A spot just opened up, if you wanna take it before it goes out :)

      March 16

  • Jered

    When is the next class? Would love to attend this asap!

    1 · March 9

    • Pablo S.

      Hi, Jered!
      If someone changes their RSVP, I'll let you know :)

      March 14

    • Pablo S.

      Hola, Jered. A spot just opened up, if you wanna take it before it goes out :)

      March 16

  • Grimur G.

    If there is a waiting list, I would love to be added. Thank you so much.

    March 10

    • Pablo S.

      Hi, Grimur!
      If someone changes their RSVP, I'll let you know :)

      1 · March 14

    • Pablo S.

      Hi, Grimur. A spot just opened up, if you wanna take it before it goes out :)

      1 · March 16

  • Michelle V.

    Would like to be added to the waitlist too!

    March 10

    • Pablo S.

      Hi, Michelle!
      If someone changes their RSVP, I'll let you know :)

      March 14

    • Pablo S.

      Hi, Michelle. A spot just opened up, if you wanna take it before it goes out :)

      March 16

  • Juan

    Me too Pablo please.

    March 14

Your organizer's refund policy for UI animation prototypes using Flinto and Sketch (beginners)

Refunds offered if:

  • the Meetup is cancelled
  • the Meetup is rescheduled
  • you can cancel at least 3 day(s) before the Meetup

Additional notes: If you think you can't make it, please let us know as soon as possible so we can give your seat to someone else and issue a refund :)

Payments you make go to the organizer, not to Meetup. You must make refund requests to the organizer.

Regardless of the refund policy set by the organizer, Meetup may issue refunds on an organizer's behalf if we determine that Meetup's Payment Policies have been violated.

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy