Wireframe to UI Community Challenge 🏆

[Agustin_Carozo (Agustin M. Carozo)]

Hey builders!
We’re back with a brand new challenge: Wireframe to UI

This time, you’ll start with our Figma wireframe of an e-learning course detail page and bring it to life in WeWeb but… with your own creative twist.

Wireframe to UI Challenge: Export. Customize. Win. 💥

Here are some ways you can make it yours:

Layout: Rearrange sections, tweak spacing, or make the sidebar sticky.

Colors & Fonts: Go bold with gradients, keep it sleek with monochrome, or have fun with retro vibes.

Interactions: Add hover effects, collapsible lesson description, or animated progress bars.

Prizes up for grabs:

1st Place: AirPods Pro 3 + WeWeb merch

2nd Place: 6 months of FREE Scale hosting + WeWeb merch

3rd Place: The Ultimate WeWeb swag pack

Timeline:

Starts: Tuesday, September 16, 2025

Deadline: Tuesday, September 23, 2025 (12pm UTC)

Winners Announced: Wednesday, September 24, 2025

How to join:

Export the Figma wireframe to WeWeb (pro tip: our NEW Figma plugin is your friend )

Add your personal touch: customize the layout, colors, typography, or interactions.

Publish your app (free of charge), share it with us on X or LinkedIn, and tag WeWeb.

(Optional) Record a GIF or video walkthrough to show off your build.

So… are you in? We can’t wait to see what you’ll create

[Raphael (Raphael Goldsztejn)]

Excited to see what you will build!

[ishika]

Prize Update Alert!

1st place in our Wireframe to UI Challenge will now win: the Apple AirPods Pro (3rd Gen) + merch!

Big thanks to Nicolas Fabre for the suggestion.

[GeovanyFerreira]

I’m already planning what I’m going to build this weekend​:star_struck:

[Slavo (Slavo Pastor)]

This is very cool. Can I play too? @ishika

[ishika]

[ishika]

Though you cannot win