---
title: "Open Design: The FREE Open-Source Claude Design Alternative"
source_url: https://youtu.be/2AdKzkQyKkg
captured_at: 2026-07-02
author: "Code A Program"
contributor: "ชิดชนก"
platform: youtube
---
# Open Design: The FREE Open-Source Claude Design Alternative

youtube video by **Code A Program**, 8m05s, uploaded 2026-06-26. URL: https://youtu.be/2AdKzkQyKkg
Tags: opendesign, Opendesign, open design, opensource claude, opensource claude code, claude design, claude design alternative, ai design tool, google stitch, gemini ai, ai website maker, ai website builder, claude code alternative, seo, build a website with gemini, glm 5.2, GLM 5.2, free ai, ai designer, ai, figma alternatives

## Shared in LINE Note+
- 2026-07-02 21:49 by ชิดชนก

## Description
Open Design: The FREE Open-Source Claude Design Alternative

Instagram: 
x: 

🚀 In this video, we explore Open Design, an open-source AI design tool that lets you generate websites, prototypes, slides, and more using different AI coding agents.

In this demo, I generate an AI writing tool landing page, explore the editing workflow, deployment options, and some of the unique features Open Design offers.

Watch Next: 

🔗 Links:

Open Design: 
GitHub: 
Demo Website: 
GLM 5.2 Video: 

📝 Prompt Used:

Create a premium landing page for an AI writing assistant called Draft. Use a restrained palette of slate black, soft ivory, and electric orange. Include a minimal sticky navigation, a bold editorial hero with a live AI text generation animation, an interactive writing canvas preview, a social-proof strip with publication logos, a three-step workflow section, a customer results section with animated word count metrics, a two-tier pricing table with a toggle, an FAQ accordion, and a strong final call to action. Avoid cards, gradients, glassmorphism, and generic robot imagery. Typography should feel editorial and intelligent. Motion limited to the text generation animation and a single scrol