Tag: Framer X

Web Tricks

Get to Know Framer X: The React UI Creator

In this post we will explore Framer X, the new shiny design tool and try to make sense of its benefits as well as its capabilities. Prerequisites: This post assumes that you have basic knowledge of React. What is Framer X? Framer X is the latest and greatest version of Framer Studio, the prototyping tool. Framer Studio when initially released, gave designers the ability to create realistic app prototype designs and animate very advanced interactions than other design apps at the time. Framer X, the newest version of Framer introduces the in-built use of React components to allow designers get closer to high-fidelity prototyping. Framer X also has all the features you need to draw everything from custom icons to intricate illustrations. You could fine-tune your designs...
Web Tricks

The New Framer X: Initial Impressions

The Framer team recently released a new prototyping tool, Framer X, and I was lucky enough to be able to test it during the beta phase. In this article, I’d like to share my thoughts about this new tool and its features. I’ll make a comparison with the “legacy” Framer app as well as other tools, and I’ll discuss its brand new features such as Stacks and Scroll, and its new Code and Design components. This article is intended for UI and UX designers who would like to learn more about Framer X’s prototyping abilities. Since it is (in many ways) a brand new product, you don’t need to be familiar with the older Framer application to read along. However, a little bit of familiarity with HTML, CSS, React, JavaScript and Node.js are beneficial. For the purpose of this tutorial, I have also ...