← Blog

Gemini 3.7 Flash Is Now Half Price on Vercel — and It Turns Design Mocks Into Code

Google's Gemini 3.7 Flash just landed on Vercel's AI Gateway at 50% off through the end of 2026. For designers who are starting to build their own apps, one capability stands out: it can generate working code directly from a design mock.

By VibeLab · August 17, 2026

Google's Gemini 3.7 Flash is now live on Vercel's AI Gateway, priced at 50% off until December 31, 2026. The discount is real and the timing is deliberate — this is a good moment to start experimenting with a model that has some genuinely useful tricks for designers who are learning to build.

What's actually new here

Gemini 3.7 Flash is an upgrade to Google's "Flash" line — models tuned for speed and cost efficiency rather than raw reasoning horsepower. This version specifically improves at two things: software engineering tasks and what's called agentic work (where an AI takes a sequence of actions on your behalf, one step at a time, rather than just answering a single question).

The headline feature for designers: it can generate desktop and web application code directly from a design mock, with closer adherence to the source design. That's not a vague promise — it's the specific improvement Google and Vercel are calling out.

It also handles long, multi-step tasks more reliably. Earlier models could get stuck in loops — imagine asking an AI to "build this page, then wire up the form, then connect it to a database," only to have it derail halfway through and spin its wheels. Gemini 3.7 Flash is designed to fail less often in those sequences, which matters once you start asking AI tools to do more than one thing in a row.

Why this matters if you're just starting to build

Here's the honest thesis: the mock-to-code capability closes a gap that has always existed between design tools and development tools. As a designer, you probably live in Figma or a similar tool. Getting from "a frame that looks right" to "a page that actually works" has historically required either a developer or a lot of painful back-and-forth with an AI that couldn't quite see what you were going for.

A model that adheres more closely to a design mock means fewer correction cycles. It's not magic — you'll still need to review and adjust — but it shifts the work from "trying to describe your design in words" to "reviewing what was built and nudging it." That's a loop designers are already good at.

The 50% discount matters too, especially if you're in an early exploratory phase. AI inference costs can add up fast when you're iterating. Half price through the end of the year gives you more runway to experiment without watching a cost dashboard nervously.

How to actually try it — no code required

The lowest-friction way to test Gemini 3.7 Flash is the model playground on Vercel's AI Gateway. You can paste in a prompt, upload an image of a design mock, and see what comes back — no setup, no configuration. It's a good way to get a feel for how the model interprets visual input before you commit to wiring it into anything.

If you're already using a coding agent — tools like Claude Code, Codex, or similar — Vercel's AI Gateway lets you connect those agents and swap in Gemini 3.7 Flash as the underlying model. You'd run a setup command once, then select google/gemini-3.7-flash inside the agent interface. The idea is that you keep your existing workflow but route it through a model that may handle design-heavy prompts better.

For designers who've already started building with Vercel's AI SDK, the model is available by pointing your model setting to google/gemini-3.7-flash. No new API key wrangling — it flows through the same AI Gateway you may already be using.

What AI Gateway adds on top

It's worth understanding what Vercel's AI Gateway actually does, because it's not just a price aggregator. It gives you a single place to call different AI models, track how much you're spending, set budget limits per API key, and configure fallbacks if a model goes down. There's no platform markup on top of provider pricing, which is how the 50% discount can exist without Vercel eating the difference — it's Google's promotional rate, passed through directly.

For a designer-builder who isn't thinking about infrastructure yet, the practical upside is simpler: one dashboard, one API, and you can switch models without rewriting your setup.

The grounded takeaway

Gemini 3.7 Flash is worth trying specifically because of the design-mock-to-code claim — that's a real workflow improvement if it holds up in practice. The discount makes now a reasonable time to test it, not a reason to overcommit. Start with the playground, throw a few of your actual mocks at it, and see how close it gets on the first pass. The open question is how well "closer adherence to the source design" translates across different design styles and complexity levels — that's something you'll only know by testing with your own work.

geminiai toolsdesign-to-codevercelvibe-coding

Sources