If you want your designs to stop looking this generic, try this 60-second fix.

@adrien.ninet

315.3K followers · usually 8.8K views a post

Views

176.9K

Likes

234

Comments

5

Shares

3

Selling · SaaS

Framerseen in 19 videos →https://www.framer.com ↗

Why it worked

The video provides immediate, high-value utility by solving a common pain point (generic-looking websites) with a specific, easy-to-follow tutorial using a new feature.

Summary

The creator demonstrates how to use the new 'Shaders' feature in Framer to add animated visual effects to a website design. The video provides a quick, step-by-step tutorial on how to implement these elements to improve the aesthetic quality of a site.

Structure

1Identify the problem of generic design
2Introduce Framer's new Shaders feature
3Demonstrate selecting and dragging a shader
4Show customization of shader properties
5Finalize the design and publish
6Call to action

Product placement

The entire video is a screen recording of the Framer web design application, showcasing its specific features.

Original caption

Framer's new Shaders feature turns generic sites into premium ones in 60 seconds. #framer #webdesign #designworkflow #uidesign

More from @adrien.ninet

Their other posts in the index, biggest breakout first.

Call to action

Follow for more design tips.

On-screen text

If you want your designs to stop looking this generic try this 60-second fix Framer panel shaders colors colors brand publish Follow for more

Transcript

If you want your designs to stop looking this generic, try this 60-second fix. First, open Framer and go to the insert panel. You'll find a new section called Shaders. Pick from animated gradients, particles, or image effects and drag it into your page. Then, customize the colors, speed, and distortion to match your brand. Once it looks right, drop your layout on top and hit publish. Follow for more design tips.