Editing Elements

Editing elements in Figma with Core Framework is straightforward and highly efficient! By utilizing the variables from Core Framework, you can ensure consistent styling across your entire project.

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.

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!

This shows how seamless and time-efficient it is to use Core Framework with Figma.