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

@adrien.ninet

315.1K followers · usually 8.8K views a post

Views

176.9K

Likes

234

Comments

5

Shares

3

SoundTikTok sound · win again - slowed

Promoted product

Framerframer.com

Go from idea to launch with an agent that designs and builds on the canvas. Keep each change editable, with hosting, security, analytics, CMS, and SEO built in.

21 videos10 creators

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
4

Original caption

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

More from @adrien.ninet

Product placement

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

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.