Using Sketch with Framer

Using Sketch with Framer

Using Sketch with Framer is an Intermediate level course on CAD, produced by the author, Emmanuel Henri. This course is a critical foundation for anyone who needs to get better at his/her CAD skills. It provides you a strong understanding on CAD, Prototyping, Web, User Experience, Sketch, FramerJS, CAD, Prototyping, Web, User Experience, Sketch and FramerJS.

Free Download - Using Sketch with Framer
Author Emmanuel Henri
Publish Date 8/22/2018
Skill Intermediate
Duration 1h 31m
Topic CAD
Video Tutorials 34
Last Update N/A

UX tools help you communicate your product vision. Learn how to use Sketch and Framer together to create more interactive app prototypes and flesh out your designs. In this project-based course, LinkedIn Learning instructor Emmanuel Henri shows how to design an app to help an IT team manage users and assets and survey the company network. This is a complex UX design that shows where Sketch and Framer shine, and gives you a chance to see how design objectives are defined and translated into a finished product. Get an overview of the complete workflow, and then learn how to design your assets in Sketch and import them into Framer to add transitions, interactions, and animation. Plus, get tips for presenting your prototype to stakeholders and integrating feedback.

Topics include:

  • Defining your objectives and UX stories
  • Designing the user management tool
  • Importing assets into Framer
  • Creating flow between screens
  • Adding interactions, micro-interactions, and animations
  • Presentation

Using Sketch with Framer : Video Lessons

  • Prototyping workflow with Sketch and Framer1m 17s
  • Course prerequisites42s
  • Setting up tools and plugins1m 35s
  • Define UX objectives and stories1m 45s
  • Design users management, part 13m 40s
  • Design users management, part 23m 34s
  • Design users management, part 35m 40s
  • Card design for users, part 18m 3s
  • Card design for users, part 25m 28s
  • Design IT assets management, part 13m 28s
  • Design IT assets management, part 23m 29s
  • Design network view, part 15m 43s
  • Design network view, part 27m 19s
  • Import assets into Framer4m 55s
  • Define target groups or state5m 18s
  • Create flow in-between screens6m 58s
  • Add interactions to the application, part 14m 12s
  • Add interactions to the application, part 24m 56s
  • Micro-interactions and animations7m 44s
  • Review objectives and UX1m 10s
  • Final prep stakeholders1m 42s
  • How to approach presentation and feedback1m 19s
  • Next step1m 13s

Recommended video tutorials from YouTube.

  • Importing Designs from Sketch – Framer Crash Course

  • DateTime : 2017-06-26 02:55:03
  • Source : Sketch Together
  • Framer X: Why I won't be using it
  • Try Framer X: Let me know in the comments what your thoughts about it. - Learn how to build Custom designed websites with Webflow: ...

  • DateTime : 2018-10-05 16:00:14
  • Source : Flux
  • (2020) Sketch vs Framer X / Which Should you Learn? (or Figma, Xd?)
  • This video shares you perspectives from real-life product development use about differences between the prototype design tools Sketch and Framer X ( and also ...

  • DateTime : 2020-02-01 07:04:18
  • Source : UX Lord / Simplifying Design & Productivity

Please consider buying this course - Using Sketch with Framer directly from the author - Emmanuel Henri. This way you could help the author create more great content, also you may get personal help.

The links being shared are only for poor students who really cannot afford to pay. So, if you are capable of paying please do consider it once before trying the free download links.

Categorised in: , , , , ,

Kindly note, we have recently migrated to a new server. In case of download links not working at all it means that we are undergoing maintenance at the backend. In such case please try after 24 hours. Also make sure your internet connection is persistant else the file may endup corrupted.