Web Design » Figma » How Do You Do the Glitch Effect in Figma?

How Do You Do the Glitch Effect in Figma?

Last updated on September 29, 2022 @ 12:28 am

The glitch effect is a popular design trend that can be used to add an edgy, modern touch to your designs. Figma is a great tool for creating glitch effects, as it offers a wide range of features and plugins that make it easy to get the look you want. In this article, we’ll show you how to create a glitch effect in Figma using some simple techniques.

1. Create a rectangle. Start by creating a rectangle in Figma. You can do this by selecting the Rectangle tool from the toolbar, or by pressing the R key on your keyboard.

2. Duplicate the rectangle. With the rectangle still selected, press CTRL + D (Windows) or CMD + D (macOS) on your keyboard to duplicate it. Alternatively, you can right-click on the rectangle and select Duplicate from the menu that appears.

3. Offset the duplicate. With the duplicate rectangle still selected, press CTRL + O (Windows) or CMD + O (macOS) on your keyboard.

This will open the Offset dialog box. Enter a value of 1px in the Horizontal field and click OK.

4. Select both rectangles. With both rectangles still selected, press CTRL + A (Windows) or CMD + A (macOS) on your keyboard to select both of them. Alternatively, you can click on one rectangle and then Shift-click on the other to select both of them.

5. Group the rectangles. With both rectangles still selected, press CTRL + G (Windows) or CMD + G (macOS) on your keyboard to group them together. Alternatively, you can right-click on one of the rectangles and select Group from the menu that appears.

6. Duplicate the group. With the group still selected, press CTRL + D (Windows) or CMD + D (macOS) on your keyboard to duplicate it. Alternatively, you can right-click on the group and select Duplicate from the menu that appears.

7. Offset the duplicate group. With the duplicate group still selected, press CTRL + O (Windows) or CMD + O (macOS) on your keyboard. Enter a value of 2px in the Horizontal field and click OK.

8. Select both groups.. With both groups still selected, press CTRL + A (Windows) or CMD + A (macOS) on your keyboard to select them both.”

PRO TIP: The “How Do You Do the Glitch Effect in Figma?” article is a user-created guide that explains how to create a glitch effect in Figma. However, it is important to note that this guide is for advanced Figma users, and that following the guide may result in unexpected behavior or errors.
Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.