Components AI는 창의적인 디자이너들을 위한 오픈소스 디자인 도구로, 코드 작성 없이도 맞춤형 디자인 도구를 구축할 수 있게 해줍니다. 이 플랫폼을 통해 반응형 컴포넌트, 페이지, 사이트를 생성하고, 이를 다양한 웹 프로젝트에 활용할 수 있습니다. 또한, 큐레이팅된 테마나 사용자 정의 디자인 토큰을 사용하여 마크업 템플릿을 스타일링할 수 있습니다.
Studio 기능을 통해 시각적으로 맞춤형 디자인 도구, 생성형 컴포넌트, 페이지, 사이트를 디자인할 수 있습니다. 테마를 가져오거나 디자인 토큰을 정의하여 모든 디자인에 사용할 수 있으며, 접근 가능한 색상 시스템, 반응형 타이포그래피 스케일, 레이어드 박스 쉐도우 등을 생성하기 위한 전용 도구를 제공합니다.
Markdown_ Publisher는 생성형 스타일과 마크다운 구문 강조를 통해 코드 예제의 외관을 사용자 정의할 수 있습니다. 색상 스케일 기반 팔레트 생성기를 통해 색상을 미리 보고, UI 및 그래픽 디자인을 위한 생성형 컴포넌트 세트를 탐색할 수 있습니다. 생성된 디자인을 순환하거나 파라미터 컨트롤의 편리함으로 처음부터 자신만의 디자인을 만들 수 있습니다.
Augment 기능을 통해 디자인이 완벽해질 때까지 파라미터를 조작할 수 있으며, 좋아하는 속성이나 속성 조합에 대한 입력을 잠가 시각적 언어를 찾을 수 있습니다. 생성된 디자인에 투표하여 미래의 출력을 큐레이션하고, 원하는 만큼의 반복을 저장할 수 있습니다. React, JS, JSON, JSX, SVG, PNG, HTML, CSS, CSS 사용자 정의 속성, Sass 등 다양한 형식으로 디자인을 내보낼 수 있습니다.
한 번의 클릭으로 디자인을 동료나 클라이언트와 즉시 공유하여 프레젠테이션이나 협업을 할 수 있습니다. 호스팅된 웹 페이지와 함께 스타일을 JS, JSON, CSS로 호스팅된 자산으로 게시할 수 있습니다. 스케일과 시스템을 사용하여 디자인하며, 컴포넌트는 정의된 브랜드 가이드라인을 자동으로 사용하면서도 언제든지 사용자 정의 값으로 재정의할 수 있는 능력을 유지합니다.
테마 가져오기 기능을 통해 시각적 브랜드를 즉시 사용할 수 있으며, 생성형 컴포넌트의 제약 조건을 구동하기 위해 감사 및 편집하거나 사용할 수 있습니다. 자동화된 접근성 문서를 통해 대비 점수와 접근 가능한 조합에 대한 빠른 시각적 피드백 루프를 제공합니다. 단일 화면 크기뿐만 아니라 정의된 브레이크포인트를 가로질러 값을 쉽게 타겟팅할 수 있는 반응형 테마를 디자인할 수 있습니다.
Google Font Library의 전체 폰트와 로컬에 설치된 모든 폰트를 완벽하게 지원하며, 가변 폰트에 대한 전체 지원을 제공하는 첫 번째 디자인 도구입니다. 가변 폰트가 가능하게 한 세밀한 제어를 얻을 수 있도록 모든 사용자 정의 축을 자동으로 노출시킵니다. 큐레이팅된 디자인 자산을 탐색하여 디자인을 사용자 정의하거나 사용할 수 있습니다.
