Open Design

Active
GitHub Unknown Apache-2.0

Description

open-design is an AI co-design platform for designers and developers, unifying Figma, drawing and code workflows into agent tasks.

Key Features

  • AI design agent — natural-language prompts generate Figma components, pages and interactions
  • Bi-directional Figma sync — every AI edit is written back to the source Figma file in real time
  • Component-library aware — auto-detects the project's existing design system to keep style consistent
  • Code export — one-click export to React / Vue / SwiftUI aligned with your repo
  • Collaboration comments — designers, PMs and agents review together on the same canvas

Use Cases

💡 Generate landing pages or campaign pages from natural-language briefs in bulk
💡 Export Figma components to production code in one click
💡 Let an AI agent pre-review designs for consistency, brand compliance, accessibility
💡 Generate pages that fit an existing design system for new products

Strengths & Limitations

Strengths

  • Actively maintained, recent updates
  • High community interest (93.6k stars)
  • Permissive open-source license (Apache-2.0)
  • Responsive to issues, low backlog

Quick Start

npm install -g open-design
open-design login
open-design new landing "2026 product launch page"

Related Projects

Screenshot to Code

77.2k · Python
Active A+

Turn screenshots, mockups, and Figma designs into clean code using AI models. Supports HTML/Tailwind, React, Vue, and other frontend frameworks.

screenshot-to-codemultimodalcode-generation +2
  • · Multi-format input - converts screenshots, UI mockups, Figma designs and screen recordings into runnable code
  • · Multi-stack output - generates code for HTML+Tailwind, React+Tailwind, Vue+Tailwind, Bootstrap, Ionic and more
  • · Multi-model AI integration - built-in Gemini, GPT-5 series, Claude Opus models with side-by-side comparison

Scrapegraph-ai

30.4k · Python
Active A+

Python scraper based on AI that uses LLMs and knowledge graphs to automatically build web data extraction pipelines.

pythonllmagent +2
  • · SmartScraperGraph — Single-page pipeline extracting structured data with just a prompt and URL
  • · SearchGraph — Multi-page pipeline extracting info from top N search engine results
  • · ScriptCreatorGraph — Auto-generates Python scraping scripts from webpage content