Genspark launches Design with Figma imports and one-click code
Genspark turned Build Preview into Genspark Design and merged its AI Designer tooling into one product with Figma uploads, reusable brand systems, and code export. The launch matters because it pushes design-to-code workflows toward editable layered output instead of one-shot mockups.

TL;DR
- Genspark renamed Build Preview to Genspark Design, merged its separate AI Designer product into the same surface, and said Photo Genius will be retired, according to Genspark's rename thread.
- The launch pitch in Genspark's product announcement is a single design workflow for UI prototypes, videos, HTML animations, posters, and one-click code generation through Genspark Code.
- Genspark's announcement also makes Figma uploads and reusable design systems central to the product, which turns branding assets into reusable inputs instead of one-off prompts.
- A useful detail from Rohan Paul's breakdown is that Genspark keeps text, images, backgrounds, and components as separate layers, so edits happen inside the design instead of through full regeneration.
- The launch came with an aggressive credit promo: Genspark's pricing post cut individual and team credit costs in half for a limited window and set enterprise credit cost to zero for four weeks.
You can open the launch page from Genspark's post, check the rename details in the follow-up thread, and the attached demo video in the main announcement shows the exact workflow from text prompt to published coded site. Rohan Paul's commentary adds one detail the official copy barely spells out: the output stays layered and editable, which is the difference between a nice mockup generator and a design tool you can keep working in.
Genspark Design
Genspark's three concrete product moves are all in the launch thread:
- Build Preview is now Genspark Design, per Genspark's rename post.
- Genspark AI Designer has been folded into the same product, again per the same thread.
- Photo Genius is being retired, according to Genspark's note on the transition.
The new surface is pitched as one tool for four output types, according to the official announcement: UI prototypes, videos, HTML animations, and posters. The same post says users can turn app or website designs into working code with one click through Genspark Code.
The attached product demo in Prompt-to-site demo backs that workflow up with a short generation-to-publish sequence rather than a static mockup.
Design systems and editable layers
The most specific workflow claim in Genspark's announcement is that users can upload Figma files or save prior designs, then reuse them across projects and teams. That makes the product more like a brand system harness than a one-shot image generator.
Rohan Paul's commentary adds the missing mechanical detail. He says Genspark keeps text, images, backgrounds, and components separate, then applies saved logos, colors, typography, spacing, and components across new assets.
That produces a cleaner inventory of what the product is actually trying to preserve:
- brand tokens such as logos, colors, and type
- layout components and spacing rules
- layered editable assets instead of flattened images
- multi-format reuse from one brief into UI, social, landing-page, animation, or video outputs
Credit promo
The launch promo started June 24 at 5:00 PM PDT, according to Genspark's pricing post. The credit terms are different by plan:
- Individual users: 50% credit cost for 2 weeks
- Team plan users: 50% credit cost for 4 weeks
- Enterprise plan users: 0 credit cost for 4 weeks
That pricing detail matters because the main launch thread in the announcement post framed Genspark Design as a broad creation surface, while the promo post shows Genspark also wants teams to try heavier workflows such as multi-asset generation and code export during the rollout window.