Semi Design

Douyin FE & UED의 현대적인 디자인 시스템으로 디자이너와 개발자를 사용자 정의 가능한 React UI 구성 요소 및 Figma 리소스로 연결합니다.

도구 업데이트

웹사이트 방문

점수

사용자 평가

5.0

무료/체험 지원

지원됨

시작 가격

마지막 업데이트

4월 27, 2026

개요

Semi Design이란?

Semi Design은 Douyin의 프런트엔드 및 UED 팀이 관리하는 오픈 소스 디자인 시스템으로, React UI 구성 요소, Figma 디자인 리소스, 디자인에서 코드로의 변환과 같은 도구를 제공하여 고품질 웹 애플리케이션을 구축합니다.

Semi Design은 무엇에 사용되나요?

디자인 시스템

사용자 그룹

Frontend Teams Ued Teams

주요 기능

3~5초 안에 디자인에서 코드로 변환
W3C 표준을 따르는 A11y 친화적 구성 요소
다국어 및 RTL 지원을 통한 국제화
Next.js와 같은 프레임워크와의 SSR 호환성
3000개 이상의 디자인 토큰으로 높은 맞춤화 가능성
인스턴트 UI 데모를 위한 라이브 코드 구성 요소

Semi Design 사용 방법은?

개발자를 위한 구성 요소 문서 또는 디자이너를 위한 Figma UIKit을 살펴보는 것부터 시작하세요. 디자인을 코드로 변환하고 사용자 정의를 위해 테마 편집기를 변환하려면 D2C와 같은 Semi의 도구를 사용하세요.

대안 도구

대안 도구를 찾을 수 없습니다

장점 & 단점

장점

포괄적인 문서로 사용하기 쉽습니다.
90% 테스트 범위를 갖춘 고품질의 안정적인 구성 요소
Douyin의 강력한 커뮤니티와 지원
즉시 사용 가능한 기능으로 시간 절약

단점

주로 웹 플랫폼에 중점을 두고 있습니다.
고급 사용자 정의에 대한 학습 곡선이 있을 수 있습니다.

사용 사례

최신 웹 애플리케이션 구축
기업을 위한 디자인 시스템 구축
접근 가능하고 국제화된 UI 개발

Semi Design 가격

무료 플랜

상세 가격 정보가 없습니다

사용자 리뷰

5.0

5점 만점

5.0

아직 리뷰가 없습니다

이 도구의 첫 번째 리뷰어가 되세요!

Notion