Placeholders

When agents use a template, they want it to automatically populate their personal and listing data. This is where placeholders come in.

We are going to pull up a designed Listing template in Figma:

There is information on this template that needs to be connected to the user's account:

• The listing Photo

• The website on left

• The phone number

• Number of beds, baths and square footage

Image Placeholders

Let's start by connecting the listing image.

1. Open up the Rechat plugin

2. Select your photo by double-clicking on it

3. Navigate to the placeholders tab where you'll see this:

4. Click on Listing Placeholders

5. Click on Listing Photo

This tells Rechat that this picture should be replaced with the listing's picture when agents open the template.

Note that shapes or SVGs cannot be placeholderized.

Note that you can use the similar method to input Brokerage Logo, Team Logo or Agent Placeholders.

Text Placeholders

Next, placeholderize the text.

1. Select a piece of text in Figma by double clicking on it.

2. Open up the Rechat plugin

3. Go to Placeholders tab

4. Select the appropriate placeholder

Partial Texts

Look at the design below:

In a case like this what we need is to make only parts of the text as placeholders.

• 4 in 4 Beds

• 3 in 3 Baths

• 2,300 in 2,300 SQFT

The plugin allows you to placeholderize partial pieces of a text.

1. Open up Rechat plugin

2. Double click your text to select it

3. Using your mouse cursor, highlight the piece of text you want to placeholderize

4. In Rechat plugin, select the placeholder

You can select different pieces of your text and connect them to different placeholders.

Manipulating existing placeholders

On top of the Placeholders tab, you can click on the Highlight Placeholders button. This will draw a purple line under all placeholders you have already defined.

If you select your main frame, you will be able to see the list of all placeholders currently selected on your template.

When you placeholderize text, Rechat stores information in a link. This can make editing in Figma difficult, as clicking a placeholder opens a new tab.

In order to prevent that behavior, you can use ⌘+Click to select the text.