Explore LORE on Figma: How It Was Built and Remix Options

Explore LORE on Figma: How It Was Built and Remix OptionsExplore LORE on Figma: How It Was Built and Remix Options

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

Shweta D

• 18h

Post 2: LORE is now live on the Figma Community ✨

Just realizing how many people immediately had a story, an ex they wanted to use it for or even a friend (like new use case)

If you'd like to explore how it was built (or remix it), here's the links:

🔗 [Community Link]: https://www.figma.com/community/file/1649020394078562920/sharelore?fuid=788187518774852496

And if you're curious about the project itself:

🐦 [X Link] : https://x.com/DalekNo99/status/2067167010539327687?s=20

configmakeathon Figma

Yousuf Kamal

pro

• Jun 10

Skip the Story, Find the Step (Recipe scrubber) Recipe videos bury the recipe. So I rebuilt the scrubber: drag, and the frames magnify like piano keys and snap to each cooking step. Built entirely in Figma. Frames in Weave, designed in Figma Design, made real in Figma Make. https://staff-dish-43356149.figma.site

https://www.figma.com/community/file/1646620334799224243/skip-the-story-find-the-step-recipe-scrubber

https://x.com/YousufKamal_/status/2064792235020038328?s=20

configmakeathon Figma

Isabel Feuerstein

pro

• Jun 10

this just made me hungry

Aakifa Baig

• Jun 10

🪞 Mirror Museum #ConfigMakeathon

Remember that mirror room at every mela and amusement park growing up?

The one where you were impossibly tall, then squished flat, then four of you staring back. You laughed until it hurt.

Those rooms quietly disappeared. Mirror Museum brings them back. Free. In your browser. Right now.

6 mirrors to try: ✨ Wave — you are liquid now ✨ Melt — gravity found your face ✨ Glitch — you are a broken signal ✨ Inception — mirrors within mirrors ✨ Multiplied — the more the merrier ✨ Mandala — you are the art

Pick one. Snap a photo. Send it to a friend from school. Watch them remember.

Built with @FigmaMake one idea, one day, zero code.

🔗 Try it: Mirror Museum 🎨 Figma file: Community

configmakeathon Figma

Isabel Feuerstein

pro

• Jun 10

this is so fun!

Isum Enuka

• Jun 10

Did you know a tornado formed the year you were born? Not a real one. A data one. Type your birth year. Watch the storm react - the speed, the color, the rage of it - all driven by the exact CO₂ levels recorded that year. 🌪️Live Site - https://thedatatornado.figma.site

🎨Figma Make - https://www.figma.com/make/onDJsdMQ3PQV2B8xkSzHKn/TheDataTornado

📋FigJam Board - https://www.figma.com/board/2P5FGzsc6faOl2a2JK2GDo/TheDataTornado

💻GitHub Repo - https://github.com/isumenuka/Thedatatornado

🔬 The Problem Climate change is the most documented crisis in human history. Scientists have been collecting data for over 65 years. But most people feel nothing when they see the numbers - because a wall of data doesn't make you care. That is a design problem. The Data Tornado is my answer. ⚙️ How It Was Built I started in FigJam - mapping the full app structure, severity color system (Stable → Elevated → Critical → Extreme), and the 65-year climate timeline before touching any build tool. In Figma Make, I loaded my complete design guidelines first - colors, fonts, spacing rules - so every generated output matched my vision from the first prompt. That one step eliminated hours of corrections. The MCP connector was the most critical technical piece: a custom live pipeline to NOAA's servers, pulling real CO₂ and temperature readings automatically every time someone opens the app. No downloading. No pasting. Always live. The hero background video was generated entirely in Figma Weave - I set a start frame and end frame, and Weave generated the full atmospheric storm footage between them. The Figma Agent handled precision edits throughout -clicking directly on individual elements, repositioning buttons, aligning sections, without touching anything else. Supabase powers the share cards, news gallery, and live data caching. GitHub handles deployment. 🛠️ Tools Used

→ FigJam: full app structure, severity system & data flow diagrams

→ Figma Make: prompt-to-code app with custom NOAA MCP connector

→ Figma MCP: live pipeline direct to NOAA's climate API

→ Figma Weave: AI video generation for the hero storm background

→ Figma Agent: precision element-level UI edits throughout the build

→ Supabase: backend for share cards, news & data caching

→ GitHub: deployment and version control ✨ Key Feature - Birth Year Telemetry Enter your birth year. The app instantly generates your personal climate log -the exact CO₂ concentration the year you arrived in the world, your temperature anomaly then vs. now, your severity level at birth vs. today. It stops being a global statistic. It becomes yours. Most people go quiet when they see their own number.

configmakeathon Figma Web Design