Show HN: 몇 달이 아닌 며칠 만에 UI 키트를 구축할 수 있는 플랫폼을 만들었습니다

전체 디자인 시스템을 개요화하고, 변경 사항을 가져오고 자동화하세요.

색상 토큰(colour tokens), 테마(themes), 아이콘(icons), 글꼴(fonts) 등을 포함하여 처음부터 또는 디자인 파일(예: Figma)에서 디자인 시스템을 구성할 수 있습니다. 이러한 토큰들을 코드에 참조하여 프로젝트의 디자인과 개발 과정을 간소화하고, 코드를 줄일 수 있습니다.

노코드 도구와 메뉴를 통해 디자인 시스템을 쉽게 구성하고 유지 관리할 수 있습니다.

• 에디터(editor), 문서(docs), 코드 뷰(code view) 사이 전환
• 웹 프로젝트의 개발 버전과 UI 키트 모두에 실시간 변경 사항 적용
• 타이포그래피와 간격(spacing) 모두를 위한 자동 생성 및 구성 가능한 타입 스케일
• 디자인 시스템 토큰을 참조하여 코드 라인 수를 줄이세요
• 태그와 카테고리별로 컴포넌트 정리 및 필터링
• 프로젝트에 추가하기 전에 컴포넌트를 미리 보고 상호 작용해 보세요
• 검색을 통해 컴포넌트를 쉽게 발견할 수 있습니다 (곧 출시)
• 가장 인기 있는 컴포넌트를 즐겨찾기
• 라이브러리에서 확대/축소하여 같은 공간에 더 많거나 적은 컴포넌트 보기
• 랜딩 페이지부터 SaaS 애플리케이션까지 무엇이든 구축하세요
• 100% 커스터마이징 가능한 Symbols 컴포넌트 500개 이상에 접근
• 내장 코드 에디터 또는 VS Code를 사용한 CLI 활용
• 변경 사항을 적용할 때 실시간 미리보기
• 다른 개발자 및 디자이너와 협업
• 즉시 사용할 수 있는 멀티 브랜딩 기능
• 색상, 테마, 간격 등을 포함하여 브랜딩 변경 자동화
• 라이트 모드 및 다크 모드를 포함한 다양한 글로벌 테마에서 미리보기
• 프로젝트 간 전환을 통해 디자인 시스템 변경 사항 확인
• 미래의 디자인 변경이 UI 키트에 미칠 영향을 탐색하세요.

파일과 함수를 저장하고 검토하세요. 필요할 때마다 재사용하세요.

파일과 함수에 이름을 지정하여 코드 라인 수를 줄이는 방식으로 참조하세요.

• 코드 및 파일을 검사하고 미리보기
• 페이지부터 개별 컴포넌트까지 전체 프로젝트 테스트. 모든 것이 제대로 작동하고 의도한 대로 보이는지 확인합니다.
• 개별 또는 전체 기기 비교가 가능한 반응형 장치 및 크기, 자유로운 형태(freeform) 지원
• 브레이크포인트 (Breakpoints)
• 라이트 모드 및 다크 모드를 포함한 글로벌 테마
• 왼쪽에서 오른쪽으로 접근성 (Left to right accessibility)
• 플랫폼을 디자인 시스템 문서로 사용하세요

스타일 가이드를 만들고 유지하는 번거로움을 피하세요. 플랫폼이 프로젝트를 변경할 때 이 작업을 대신 처리해 줄 것입니다.

개발 버전에서 즉시 적용되는 변경 사항

버전 기록을 통해 이전 변경 사항으로 되돌리기 (곧 출시)

기술 스택을 강화하고 완전한 제어권을 유지하세요.

기존의 기술 스택에 Symbols와 유연하고 강력하게 통합할 수 있는 방법을 제공하여 기능을 부여합니다.

Forever Free

취미 및 사이드 프로젝트용
$0

1개 에디터
무제한 프로젝트
1개 워크스페이스
무제한 뷰 사용자
오픈 소스
디자인 시스템
500개 이상의 Symbols 컴포넌트(그리고 증가 중)
브랜드북 및 미리보기
실시간 협업
99.99% 가동 시간
개발자 문서
CLI 도구
도움말 센터
커뮤니티 채팅

Startup

무제한 에디터 사용자를 원하는 스타트업에 완벽합니다.
$100
/ $49 pm
Forever Free 플랜 포함
1개 프로젝트
무제한 에디터 사용자
프리미엄 컴포넌트
페이지
함수
CMS(곧 출시)
시크릿
NPM & js 배포 패키지(곧)
버전 기록(곧)
개발 및 프로덕션 환경
로컬 프로젝트 동기화
로컬 프로젝트 양방향 동기화(곧)
커스텀 도메인(곧)
.symbo.ls 서브도메인(곧)
HTML, React, jQuery로 내보내기(곧)
Figma 통합(계획 중)
Cloudflare 호스팅
커스텀 통합(곧)
프로젝트당 5GB 파일 저장 공간
월간 웹사이트 방문자 10만 명
팀과의 60분 통화
우선 지원

Agency

무제한 프로젝트를 원하는 에이전시에 완벽합니다.
$100
/ $49 pm
Forever Free 플랜 포함
무제한 프로젝트
1개 에디터 사용자
프리미엄 컴포넌트
페이지
함수
CMS(곧 출시)
시크릿
NPM & js 배포 패키지(곧)
버전 기록(곧)
개발 및 프로덕션 환경
로컬 프로젝트 동기화
로컬 프로젝트 양방향 동기화(곧)
커스텀 도메인(곧)
.symbo.ls 서브도메인(곧)
HTML, React, jQuery로 내보내기(곧)
Figma 통합(계획 중)
Cloudflare 호스팅
커스텀 통합(곧)
프로젝트당 5GB 파일 저장 공간
월간 웹사이트 방문자 10만 명

우리 팀과의 60분 통화

우선 지원