# Editing Elements

## Step 1: Select the Element

To begin, select the element you want to edit. You can find this element on your Figma canvas. Once selected, the right-hand sidebar will display customization options.

There are many properties that you can apply variables to, in this example, we will talk you through changing the fill color of an element.

## Step 2: Changing the Fill Color

To modify the element's fill color:

1. In the right-hand sidebar, locate the Fill section and click on the Fill color box to open color options.
2. Navigate to the Library tab, where you will find colors linked to Core Framework.
3. Choose a color from your Core Framework variables.

<figure><img src="https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FJ7GrcfkCH1OqaHUpYfsM%2F768_1x_shots_so.jpeg?alt=media&#x26;token=06352886-236c-4127-afec-a9b8091d478e" alt=""><figcaption></figcaption></figure>

## Step 3: Apply Core Framework Color Variables

Once selected, the element will inherit the chosen Core Framework color variable. This ensures that any changes made to the variable in Core Framework will automatically update all instances of that color across your Figma project.

By using this method, you can efficiently maintain brand consistency throughout your designs with just a few clicks!

<figure><img src="https://949277485-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp10Tm4nYjo9MojbZ6zQt%2Fuploads%2FIPPzIbcuqDTbblz5ANan%2FFigmaVariables.gif?alt=media&#x26;token=d9fd6d39-d508-4cf5-be0f-1f94c41d9d1e" alt=""><figcaption><p>This shows how seamless and time-efficient it is to use Core Framework with Figma.</p></figcaption></figure>
