Skip to main content
Solved

How to Create a Fake Broken Screen in Figma?

  • January 14, 2025
  • 1 reply
  • 60 views

casperrues1

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

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. 

View original

adeam32
  • 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. 


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings