Skip to main content
casperrues1
casperrues1
New Member
January 14, 2025
Solved

How to Create a Fake Broken Screen in Figma?

  • January 14, 2025
  • 1 reply
  • 311 views

I’m looking to create a fake broken screen design using Figma for a project, and I’d love some guidance or tips on how to achieve a realistic broken screen effect. I’ve tried a few approaches, like adding cracks and lines, but I’m not sure how to make it look convincing or dynamic enough.

 

Here’s what I’m aiming for:

  1. A screen with cracks and shattered pieces
  2. Some realistic distortion effects
  3. A design that can be used as a mockup for a broken phone screen

Does anyone have any suggestions or techniques on how to create this kind of effect in Figma?

Here is an example: Broken Screen

This topic has been closed for replies.
Best answer by adeam32

You can get the premium AI feature of Figma which can easily make realistic fake broken screen HTML and CSS Div container. 

1 reply

adeam32
adeam32Answer
New Member
January 14, 2025

You can get the premium AI feature of Figma which can easily make realistic fake broken screen HTML and CSS Div container. 

Terms & ConditionsAccessibility statement