Transform Your Restaurant Website with Figma Make & Framer Motion

Transform Your Restaurant Website with Figma Make & Framer MotionTransform Your Restaurant Website with Figma Make & Framer Motion

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

Philip Gerrits

• Jun 18

Built a full restaurant website for Ayam Geprek Jawara — an Indonesian grilled chicken brand — entirely with Figma Make, and I want to be honest: the first draft was rough. 😅

Flat layouts. Buttons getting clipped. The navbar burying the hero section. It looked like a default template, not a real product.

But that's where the real work began.

I iterated — pulling in open-source GitHub repos to extend what Figma Make generated: a UI/UX enhancement layer, a taste-driven design system, and Framer Motion for fluid animations. One by one, the bugs got squashed: ✅ Navbar overlap — fixed ✅ Clipped CTAs — fixed ✅ Flat, lifeless layout — gone

What replaced it: a responsive, cinematic restaurant experience with smooth scroll animations, bold typography, and a visual identity that actually feels like food worth ordering.

Figma Make didn't just speed up my workflow — it changed how I think about the gap between a rough idea and a polished UI. The AI handles the scaffolding; you bring the vision.

This is what happens when you don't stop at the first draft.

Project Link : https://www.figma.com/make/XWFECOYe75C3j1yvGOiInD/Restaurant-Website-UI-Design?t=Ny2ovtkWr7bu5USr-1

Community Link : https://www.figma.com/community/file/1649295933022097263/restaurant-website-ui-design

configmakeathon Figma uiuxdesign UI Design Frontend Development

Dylan Siegel

• Jun 19

nice work

Philip Gerrits

• Jun 20

Thank you sir👍

Gui Seiz

• Jun 24

Meet your Config Makeathon winners! 🎉

🏆 Grand Prize ($50,000) Bene Brandhofer for Visual Atlas

🥈 2nd Overall Winner ($15,000) Carlos Fernandez for Doodle Fonts

🌍 Build With Purpose Award ($10,000) Nigar Naghdaliyeva for Your Eyes Can Speak

⚡ Innovative Workflow Award ($10,000) Lee Black for Connected Earth

📢 Build In Public Award ($10,000) Halle Clark for Still Here Focus

❤️ Community Favorite Award ($5,000) Case Ronquillo for Sound Check

Check out the official announcement here

Figma configmakeathon

Polina Dubenko

• Jun 24

🌿 Brand and art direction for nunu — a quiet botanical skincare brand built around natural oils, soft rituals, clean ingredients, and calm visual storytelling.

The direction combines macro product photography, green botanical textures, minimal packaging, soft UI details, and a restrained visual system for modern skincare.

Figma branding logo Brand Design Art Direction UI Design Adobe Photoshop

Michael Chumak

• Jun 26

Incredibly clean and calming art direction! The mix of soft UI, minimal typography, and rich botanical textures is executed perfectly. Brilliant work! ✨🌿🧴