Skip to main content
casperrues1
New Member
Jan 14, 2025 2:34 PM UTC
Solved

How to Create a Fake Broken Screen in Figma?

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.
adeam32
adeam32Solution
New Member
Jan 14, 2025 3:09 PM UTC

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
adeam32Solution
New Member
Jan 14, 2025 3:09 PM UTC

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