Radix Colors 플러그인은 접근성 기준을 충족하는 고급 컬러 시스템인 Radix Colors를 Framer 프로젝트에 손쉽게 적용할 수 있게 도와줍니다. 색상 선택부터 적용하기까지의 과정을 손쉽게 할 수 있어, 디자이너의 워크플로를 간소화하고 사용자에게 더 나은 시각적 경험을 제공할 수 있습니다.

라딕스 컬러란 무엇인가요?

Radix Colors는 WorkOS(Radix UI 제작사)의 UI 전문가들이 개발한 정교한 색상 시스템이에요. 이 시스템은 다음과 같은 기능을 제공합니다.

• 접근성을 고려한 색상 : 대비 기준을 충족하도록 디자인된 색상

• 다양한 디자인 시스템 : 각각 12개의 정밀한 색상 단계를 포함하는 30개의 색상 스케일

• 자동 다크 모드 : 모든 색상에 대한 내장된 라이트/다크 모드 자동 페어링

• 과학적 접근 방식 활용 : 색채 과학 원리를 활용한 색상 도출

• 투명도 옵션 : 다양한 디자인을 위한 모든 색상의 알파(투명도) 버전 제공

특징

• 실시간 미리보기: 현재 Framer 테마에서 색상이 어떻게 보이는지 확인할 수 있어요.

• 원하는 색상만 유연하게 선택: 필요한 색상을 원하는대로 가져올 수 있어요.

• 직관적인 색상 네이밍: 빠르게 찾을 수 있는 직관적인 명명 (예: "Radix/blue10")

사용 방법

1. Framer Marketplace에서 플러그인을 설치하기

2. 메인 툴바에서 플러그인을 열기

3. 단색 또는 알파(투명) 색상 중에서 선택하기

4. 개별 색상 또는 전체 색상 계열을 선택하기

5. 선택한 색상을 프로젝트의 색상 스타일로 추가하려면 "Import"를 클릭하기

왜 이 플러그인을 사용해야 하나요?

이 플러그인을 사용하면 오랜 시간동안 수동으로 색상을 설정하는 작업이 필요 없어집니다. 색상 스타일을 일일이 만들 필요 없이, 전 세계의 유명 디자이너들이 사용하는 전문적인 색상 시스템을 바로 이용할 수 있습니다.

아래의 사람들에게 해당 플러그인을 추천해요.

• 신뢰할 수 있는 컬러 시스템이 필요한, 새로운 프로젝트를 시작하는 디자이너

• 라이트 모드와 다크 모드에서, 일관된 색상 경험을 제공하고자 하는 팀의 디자이너

• 접근성이 좋고 잘 만들어진 색상으로 디자인 시스템을 업그레이드하고자 하는 모든 사람들