Figma to Framer: Creadores Originales Website Development

Creadores Originales — From Figma Design to High-Performance Framer Development

This project began with a simple conversation on X (Twitter).

While connecting with creators and developers who were using Framer, I reached out to Carlos Geronimo to learn more about his work and ask if he was running an agency or building projects that needed development support.

Instead of pitching services aggressively, I simply offered something straightforward:

If they ever needed help converting designs into a fast, clean Framer website, I’d be happy to collaborate and deliver strong performance.

That message eventually turned into an opportunity.

After some time, Carlos and his team reached out with a project from Spain.

The client was building a creative program called Creadores Originales — a 12-week transformation program designed to help creators unlock their authentic identity, build content, and create a sustainable creative business.

The design was already prepared in Figma, and the team needed someone to translate that design into a fully functional Framer website.

That’s where I stepped in.

My role in the project focused on development and performance optimization.

The work included:

• Converting the full Figma design into Framer • Building responsive layouts for different screen sizes • Structuring long-form landing page sections • Ensuring smooth scrolling and clean interactions • Maintaining the premium visual feel from the design • Optimizing performance for a content-heavy page

The page contained a large amount of structured content — including program details, phases, testimonials, and pricing sections — which required careful layout organization to keep the experience smooth and readable.

Since the website was a long-form sales page, the goal was to maintain clarity while keeping users engaged throughout the journey.

The development focused on:

• Clean section hierarchy • Smooth reading flow for long content blocks • Responsive typography and spacing • Fast loading performance • Pixel-accurate implementation from Figma

Every element needed to feel polished and intentional while staying true to the original design vision.

After the initial build, the team reviewed the website and shared feedback for refinements.

We worked through several improvements together, including:

• spacing adjustments • interaction refinements • layout corrections • content alignment

This collaborative process ensured that the final product matched both the design expectations and the user experience goals.

The project resulted in a fully developed Framer website that translated the original Figma design into a clean, high-performance landing page.

The website now provides:

• a structured storytelling flow • clear presentation of the program • a polished visual experience • optimized performance for visitors

What started as a simple networking message on X eventually turned into an international collaboration and a successfully delivered project.

This project reinforced a simple truth:

Sometimes opportunities don’t come from cold outreach or ads.

They come from genuine conversations, networking, and showing up in the right communities.