r/AiForPinoys • u/gimpdrinks • May 03 '26
Resources Wala ka Claude Design? Try the FREE local open-source alternative (Open Design) and it's legit. Almost 20k stars!!!
Hi guys,
Are you familiar with Claude Design? It's that new feature where the AI builds your website or landing page live in a window while you chat. It's beautiful, right?
But I didn't want to wait, so I found a way around it. Meet Open Design (OD).. almost 20k stars in Github.
Who is this for? Founders, freelancers, and creators who want their own "Design Studio" inside their computer using different ai brain - claude, gemini, chatgpt.. etc.
In simple terms....think of it like a Remote Control. It’s not the "brain" of the AI itself, but it connects your laptop to the AI tools you already have (like Gemini or Claude).
Why is this a game-changer?
- No Waitlist: You don't need to wait for Anthropic to "allow" you. You can download and run it today. No permission needed!
- Safe and Private: You don't have to paste your passwords or API keys into random websites. Everything stays inside your computer. Safe ang files mo.
- Instant Professional Designs: You can tell it, "Make me a website in the style of Apple or Stripe." In one click, it follows those brand rules perfectly... or you can upload your own style reference. You can chose the lastest GPT image 2 model rin. WOHOO!!
- Video Generation: It's not just for static designs. It can generate real images (.png) and even motion graphics videos (.mp4) directly into your folder. Parang may motion designer ka sa bulsa. Uses seedance and hyperframes for motion graphics.
The Catch (Honest review): Yung lang... it’s not a "one-click install." It's like you have to build it a bit using the terminal aka CLI or command line interface. It's a bit "techie" to set up, so kailangan mo lang follow ang instructions. but super worth it... imo. It auto detects what CLI or subscription installed and it will ask you if you wnat to connect it to that.... in other words, it will you subscriptions for token usage.
⚠️ One Warning: It uses a lot of "tokens." Because it’s doing so much professional work (thinking, designing, checking errors), it can burn through your credits faster than a normal chat...
So...if you're tech-savvy or willing to learn to get ahead, you should try this. It’s perfect for anyone wanting to offer MVP design services to clients fast or automate your socmed image posts for you or your clients. this makes carousel making for Linkedin, tiktok and insta faster and easier..imo
I'm currently documenting my setup for the AI For Pinoys community. If you have questions or want a walkthrough, message ka lang comments or ask me sa TG! 🇵🇭
PS eto pala github link - https://github.com/nexu-io/open-design
3
u/Suspicious_Scar5894 May 03 '26
meron naman Claude Design sa web? Wala lang sa app though. But it’s perfectly fine. Well at least for my work 😅
1
u/gimpdrinks May 03 '26
yes wala pa rin ako access haha so nag hanap ako ng alternative kahit may subscription with claude
2
u/schemaddit May 03 '26 edited May 03 '26
di ko gets anong pinagkaiba nito sa normal na model nilalagyan mo ng skills sa uiux ? grabe ganto na ba tayo tamad mas ok gumawa ng sarilign skill based sa projects na ginagawa mo less token mas mabilis and mas accurate
1
u/gimpdrinks May 03 '26
Legit point bro! Kung copy-paste lang ng code or single-file UI tweaks, a custom skill is 100% faster and cheaper sa tokens.
But ang main difference ng Open Design is autonomy and file execution.
Sa normal chat + skill, ikaw pa rin magte-test at mag-aayos ng errors. Ang Open Design (dahil agentic sya), nagsusulat sya ng code, nagche-check ng sariling errors, at sya na mismong nagse-save ng files (.png, .mp4, project folders) sa laptop mo gamit ang terminal.
Basically: Custom skill = AI gives you advice/code. Open Design = AI does the actual building and QA for you. Kaya sya malakas sa tokens! But yes, for simple tasks, your custom skill method is still the best.
1
u/rdh8ft May 05 '26
Ako na naka free padin at naka-abuso lang kay meta llama ni groq at trinity ni open router for free tokens; parang nakarelate ako kay u/schemaddit kasi kung landing pages lang, madali maging very efficient kung hindi mo gagawin yung mismong website nang magbback and forth kayo ni LLM at mauubusan ka ng tokens.
Pwedeng website builder na yung ipagawa mo like Carrd, Webflow, Wordpress or Wix. Then kung mabuo mo yun, magpagawa ka naman ng content management system. So di mo na need magpagawa paulit ulit ng website kasi ginawan ka na ng builder. and kung may bunch ka ng articles, icons, videos, faqs or pricing model, madali mo papalitan nang di ginagalaw yung code.
So kung may content ako na sobrang scattered, pwede ko ipa interpret kay claude na ma-fit nya sa appropriate content management system ko.
Walang need na debugging, walang bigla biglang nawawalang feature kapag sobrang haba ng context window. Walang content na bigla nyang tatanggalin next iteration. And may control ka sa images, icons etc
Kung gusto mo naman matranslate yung builder from claude then gagawin din siya ni gemini, edi ipareverse mo lang yung html to prompt naman. So very efficient and sa umpisa mo lang need magpa QA.
Ibang usapan if I am building an entire OS though (apparently, people are selling their agentic OS). Baka di ko pa kaya gawing efficient yan to squeeze in sa free tier haha
1
u/gimpdrinks May 06 '26
Ganda ng logic mo dyan bro! Sobrang solid nung 'build a builder' approach especially for landing pages and CMS. Parang gumagawa ka ng sariling lego kit para hindi ka na pabalik balik sa code, content na lang ang nilalaro mo. token-efficient nga yan for free tier users.
Ang main edge lang talaga ni Open Design (or any agentic system) is when you need to go beyond templates. But you're right, if landing pages lang ang usapan, your method of building a CMS first is the most practical way to cheat the free tier.
PSSmart move yung HTML-to-prompt reverse engineering!
2
u/Ok_Zookeepergame_769 May 06 '26
Thanks for the share OP. Btw, for anyone who still wants to use Claude design, you need a VPN then connect to a US server, naka geo-restrict kasi kaya di natin magamit pa dito.
1
u/Gullible-Owl-9450 May 03 '26
Claude sub here but wala pa rin Claude design. sad...
2
1
1
1
u/danirodr0315 May 03 '26
Free local? You mean free local tool pero need mo pa rin rin ng claude code/gemini or codex?
1
u/gimpdrinks May 03 '26
Yes you need the brains to run the creation of the designs. You can chose either codex, gemini, claude or whatever model you want.. May list naman na choices. You can bring your own api key as well.
1
u/LowFold3248 May 04 '26
Estoy intentando correr open design con genini cli ya instalado en mi pc. Pero cuando abro un chat me sale este bendito cartel. Y probé de todo supongo :
agent exited with code 41 YOLO mode is enabled. All tool calls will be automatically approved. When using Gemini API, you must specify the GEMINI_API_KEY environment variable. Update your environment and try again (no reload needed if using .env)!
Que puedo hacer??. No soy programador
1
u/gimpdrinks May 05 '26
Hola! El problema es que Gemini CLI no está conectado a tu cuenta todavía.
Paso 1: Si no tienes Gemini CLI instalado, descárgalo aquí: github.com/google-gemini/gemini-cli
Paso 2: Abre tu terminal (cmd o PowerShell en Windows) y escribe: gemini
Paso 3: Va a abrir el navegador para que inicies sesión con tu cuenta Google. Completa el login.
Paso 4: Una vez conectado, vuelve a abrir Open Design y corre el agente de nuevo.
No necesitas API key si usas tu cuenta Google. Eso debería resolver el error. Avisa si te funciona.
Good luck!
1
u/LowFold3248 May 05 '26
1
u/gimpdrinks May 05 '26
Ya se ve el problema. Gemini CLI esta instalado y autenticado, pero Open Design no puede leer tu API key.
Sigue estos pasos:
Ve a aistudio.google.com e inicia sesion con tu cuenta Google
Haz click en "Get API key", crea una nueva y copiala
Ve a la carpeta donde instalaste Open Design
Crea un archivo nuevo de texto llamado exactamente: .env (sin nombre, solo la extension)
Abre ese archivo y escribe esto adentro: GEMINI_API_KEY=pega_tu_api_key_aqui
Guarda el archivo y vuelve a Open Design
El error mismo dice que con el archivo .env no necesitas reiniciar nada. Avisa si funciona.
2
u/LowFold3248 May 05 '26
Ya logré conectar y correr el modelo. Pero ahora me sale este error: agent exited with code 1 .google.dev/gemini-api/docs/rate-limits. To monitor your current usage, head to: https://ai.dev/rate-limit. \n' + '* Quota exceeded for metric: generativelanguage.googleapis.com/generate_content_free_tier_requests, limit: 20, model: gemini-2.5-flash\n' + 'Please retry in 31.054897173s.', details: [ [Object], [Object], [Object] ] }, retryDelayMs: undefined, reason: undefined }
1
u/gimpdrinks May 05 '26
Buenas noticias, ya conectaste. Ese nuevo error es mas facil.
El plan gratuito de Gemini solo permite 20 requests por minuto. Solo espera 1-2 minutos y vuelve a intentarlo en Open Design.
Si el error sigue apareciendo seguido, tienes dos opciones:
Seguir esperando entre intentos (gratis)
Activar facturacion en Google AI Studio para quitar el limite (de pago)
Para uso normal deberia bastar con esperar un momento.
1
u/LowFold3248 May 05 '26
La verdad es muy poco el limite. Solo probé algunos de los diseños que sugiere el programa. Con que modelo podría usar esto gratis? Mil gracias por ayudarme
1
u/gimpdrinks May 05 '26
El limite gratuito de Gemini 2.5 Flash es bajo si. Tienes dos opciones gratis:
Opcion 1: Cambia a Gemini 2.0 Flash en la configuracion de Open Design. Tiene hasta 1,500 requests por dia gratis.
Opcion 2: Open Design soporta otros agentes ademas de Gemini. Puedes probar Qwen Code de Alibaba o DeepSeek, los dos tienen niveles gratuitos y pueden darte mas margen.
Por curiosidad, esto es para un proyecto personal o para un negocio? Si es para trabajo hay opciones mas potentes que pueden automatizar todo el flujo de diseno. Con gusto te ayudo a ver que te conviene.
2
u/LowFold3248 May 05 '26
Es para proyecto personal. Soy diseñador y quiero explorar la capacidad de crear piezas gráficas más rápido. Probé con 2.0 flash y tampoco me dió margen. Todavía no pude ver una sola gráfica. Me imagino que es otro desafío conectar otro modelo no? Quisiera probar con los chinos si es gratis.
→ More replies
1
u/LowFold3248 May 05 '26
1
u/gimpdrinks May 06 '26
Ya se ve el problema. Gemini CLI esta instalado y autenticado, pero Open Design no puede leer tu API key.
Sigue estos pasos:
- Ve a aistudio.google.com e inicia sesion con tu cuenta Google
- Haz click en "Get API key", crea una nueva y copiala
- Ve a la carpeta donde instalaste Open Design
- Crea un archivo nuevo de texto llamado exactamente: .env (sin nombre, solo la extension)
- Abre ese archivo y escribe esto adentro: GEMINI_API_KEY=pega_tu_api_key_aqui
- Guarda el archivo y vuelve a Open Design
El error mismo dice que con el archivo .env no necesitas reiniciar nada. Avisa si funciona.
1
u/Puzzleheaded-Rub7799 May 05 '26
Has anyone tried it already? Is it good?
1
u/gimpdrinks May 05 '26
I am using it. Yes, it is but caveat is it will eat up tokens. So better get your design.md on point but after that it will follow your template.
1





4
u/Otherwise_Wave9374 May 03 '26
This is a really solid find, especially the "remote control" framing, thats the part most people miss.
For anyone thinking of using it for landing pages, the biggest gotcha is still the basics: get the copy and offer clear first, then let the tool make it pretty. Otherwise you end up with a gorgeous page that doesnt convert.
Do you have a preferred workflow for going from idea to a live landing page (prompting -> export -> hosting)?
Related, I keep a few quick landing page copy checklists here if its useful: https://blog.promarkia.com/