Expert Hero Section Design Using Figma, Framer & Code

Expert Hero Section Design Using Figma, Framer & CodeExpert Hero Section Design Using Figma, Framer & Code

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Daniel Obileye

pro

• 3h

Hero section finally ready 🙂‍↕️

Stack - Figma, Framer, Claude for custom code.

Work in progress 🚧

Figma Framer Claude

Abdul Rehman

pro

• 2h

Beautiful execution.

BrightStudios®

max

• Jul 6

It's been a crazy week for me, and only now I really got the chance to play around with some @framer Agent and shaders. This is what I came up with using Claude as the main engine to prompt the idea I have for these funky monochrome shaders and the execution in Framer.

Framer shaders Claude

Sunday Ayomide

• Jul 6

Cool🧡

Alex K

pro

• Jul 6

Color, gradients and faceless designs

Figma Framer webdesign

Godwin John

• Jul 6

Can't wait for you to release this

Francisc Toth

• Jul 6

One of my favorite components in my Agentkit Framer template is this fully customisable pricing card. Instead of manually updating every pricing tier, the component automatically calculates add-ons for each plan based on the rules you define. Example: • Hobby → Free, includes up to 1 model • Need more than 1 model? Upgrade to Pro • Pro starts with a minimum of 2 models • Every additional model is automatically calculated at $10 each It saves a ton of time when building SaaS pricing pages and makes pricing updates effortless. You can find my AgentKit Framer template in Products along with a collection of reusable components designed to help you launch faster while keeping everything easy to customise. What pricing setup would you build with it?

Framer Figma