Design & Development Workflow with Framer X

Design & Development Workflow with Framer X

Design & Development Workflow with Framer X is an Intermediate level course on Web, created by the creator, Emmanuel Henri. This course is an absolute step for anyone who needs to get better at his/her Web expertise. It gives you a strong understanding on Web, User Experience, Framer X, Web, User Experience and Framer X.

Free Download - Design & Development Workflow with Framer X
Author Emmanuel Henri
Publish Date 12/11/2018
Skill Intermediate
Duration 30m 25s
Topic Framer X
Video Tutorials 17
Last Update N/A

When the needs of UX designers or developers are lost in translation, the appearance of the final application often doesn’t match the original vision. Framer X boasts functionality that prevents these kinds of communication breakdowns by enhancing the workflow of designers and developers alike. This powerful design prototyping tool allows users to craft intricate designs, design responsive layouts, create interactions, and take advantage of interactive—and reusable—React-based components. In this course, learn how UX designers and the developers they work with can share a common workflow—and better understand each other’s language and needs—using Framer X. Emmanuel Henri dives into the designer to developer workflow, going over how React relates to Framer X and prototyping, as well as the proper guidelines to follow when creating designs for the web and mobile devices. He also covers the developer to designer workflow, showing developers how to work with a design system and use React components in Framer X.

Topics include:

  • The language of the developer
  • How React relates to Framer X and prototyping
  • Design elements for web and native mobile development
  • Exporting CSS and SVG assets from Framer X
  • Working with a design system
  • Using React components in Framer X
  • Customizing components in Framer X

Design & Development Workflow with Framer X : Video Lessons

  • Workflows with Framer X1m 9s
  • What you should know21s
  • Overview of the workflows1m 18s
  • Introduction to our base project46s
  • Overview of Framer X1m 15s
  • The language of the developer1m 37s
  • React and components overview1m 38s
  • Design elements for web development1m 46s
  • Design elements for native mobile development1m 43s
  • Practice: Export CSS assets2m 50s
  • Practice: Export SVG assets2m 32s
  • Design system introduction1m 50s
  • The language of the designer1m 28s
  • Work with a design system2m 11s
  • Use React components in Framer X4m 25s
  • Customize components in Framer X2m 25s
  • Next steps1m 11s

Recommended video tutorials from YouTube.

  • AMP as a service: Auto-upgraded, accelerated developer workflows (AMP Conf '19)
  • As the number of frameworks increase, AMP stays the well lit path that allows engineering teams to make the best decisions for their users. Much like SaaS, by ...

  • DateTime : 2019-04-18 02:44:06
  • Source : The AMP Channel
  • Developing AMP workflow using Node JS, MODX and PurgeCSS - Part 2
  • In this video we develop a small #node application to watch for changes on our CSS file as we develop #AMP websites. On save the node app informs us, using ...

  • DateTime : 2019-06-11 23:30:47
  • Source : Alien Build
  • Using AMP as a Library to Build User Friendly Sites (AMP Conf 2018)
  • Using AMP as a Library to Build User Friendly Sites Contrary to popular opinion, it's not only possible to build a whole site with AMP, it's rewarding as well!

  • DateTime : 2018-02-13 15:14:57
  • Source : The AMP Channel
HELP THE AUTHOR

Please consider buying this course - Design & Development Workflow with Framer X 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.