UX Design for Mobile

Components

In Framer Studio, you will find some components to help you code your prototypes. They will save your time when creating common interaction design patterns.

When you create an instance of a component, it will come with preestablished interactions and behaviors. Let's talk about some of the components included in Framer Studio:

• TextLayer: This creates a layer with text on it. You can add the text using a string and define the text properties as you would do with CSS.

Here, we have a simple example of two text layers with different values for their properties:

myBackgroundLayer = new BackgroundLayer    backgroundColor: "white"myTextLayer1 = new TextLayer    text: "Text Layer"    color: "#333333"    fontSize: 80    x: 32    y: 340myTextLayer2 = ...