PODO UI · VERSION 2

디자인과 코드를
하나의 스펙으로.

Figma에서 시작한 디자인 언어를 검증된 JSON으로 관리하고,
모든 제품에서 같은 경험으로 구현하세요.

button.component.json

{
  "name": "Button",
  "themes": [
    "solid-primary",
    "outline-primary"
  ],
  "targets": [
    "react", "hono", "native"
  ]
}

RReactTyped component

NNativePlatform renderer

FFigmaDesign source

WHY PODO

한 번 정의하고, 어디서든 같은 경험을 만듭니다.

v1의 가볍고 유연한 철학은 그대로 두고, v2는 디자인과 구현 사이의 연결을 더 단단하게 만들었습니다.

토큰, 컴포넌트, 아이콘과 테마를 검증된 JSON으로 정의합니다. 디자인 시스템의 원본과 생성 결과가 어긋나지 않습니다.

React와 Next.js, Hono, React Native까지 하나의 스펙에서 각 환경에 맞는 코드를 만듭니다.

Figma 플러그인과 CLI로 디자인을 프로젝트의 .podo 스펙으로 가져오고, 변경 계획을 확인한 뒤 안전하게 반영합니다.

ONE SOURCE, EVERY TARGET

변경을 추측하지 마세요. 스펙을 검증하고, 생성될 diff를 확인한 다음, 필요한 모든 런타임에 같은 결정을 전달합니다.

OPEN SOURCE

설치부터 Figma 가져오기, 각 플랫폼별 컴포넌트 사용법까지 문서에서 확인할 수 있습니다.

CONTRIBUTORS

디자인과 개발의 경계를 넘나들며 Podo UI를 만들고 있습니다.