PatternFly로 디자인하기
PatternFly로 디자인하기
PatternFly 디자인 키트를 설치하면 디자인 토큰을 포함한 비주얼 디자인 시스템에 접근해, 일관되고 사용하기 좋은 제품 경험을 만들 수 있어요. 이 페이지에서 설치부터 시작하는 법까지 차근차근 함께 알아볼게요.
본문
PatternFly 6 디자인 키트
PatternFly로 디자인을 시작하려면 PatternFly 6 디자인 키트를 설치해야 해요. 이 키트는 디자인 토큰을 포함한 PatternFly의 비주얼 디자인 시스템에 접근할 수 있게 해서, 일관되고 사용하기 좋은 제품 경험을 만들 수 있도록 도와줍니다.
PatternFly 6 디자인 키트 설치하기
PatternFly 6를 사용하려면 제품이 PatternFly 6 디자인 키트를 사용하고 있어야 해요. 아직 업그레이드하지 않았다면 업그레이드 가이드를 따라 완료하세요. 그렇게 하면 앞으로 가장 최신의 PatternFly 기능·리소스·가이드를 이용할 수 있게 됩니다!
키트에 대해 궁금한 점이 있거나 설치에 문제가 있다면 help 섹션을 참조하거나 Slack으로 문의하세요.
PatternFly 폰트
PatternFly가 사용하는 폰트를 설치하려면 이 GitHub 리포지토리를 다운로드하고 "TTF" 폴더의 모든 파일을 설치하세요.
디자인 토큰
PatternFly 6는 새로운 디자인 토큰 시스템을 기반으로 만들어졌어요. 토큰 시스템에 대한 배경과 지침은 tokens 문서를 참고하세요.
디자인 키트에는 무엇이 들어 있나요?
PatternFly 6 디자인 키트를 통해 다음을 얻을 수 있어요:
- 완전한 컴포넌트 라이브러리.
- 디자인 토큰 시스템.
- 전체 화면 디자인의 데모.
어디서 시작하나요?
PatternFly 6 Figma 워크스페이스를 설치하면 첫 단계를 안내하는 시작 페이지를 찾을 수 있어요. 이 정보를 꼭 읽고 컴포넌트 라이브러리·기여 지침·연락 방법에 익숙해지세요.
키트에 익숙해지면 바로 디자인을 시작할 준비가 된 거예요!
PatternFly가 완전히 처음이라면, 먼저 이 디자인 시스템 개요를 읽고 PatternFly가 제공하는 모든 것과 우리가 누구인지 알아보는 것도 좋아요.
최신 상태를 어떻게 유지하나요?
우리는 버그를 해결하고 디자인 솔루션을 발전시키기 위해 디자인 키트 업데이트를 정기적으로 릴리스할 계획이에요. Red Hat 직원이라면 릴리스되는 대로 업데이트를 자동으로 받게 됩니다. Red Hat 직원이 아니라면 Figma 커뮤니티 페이지에서 수동으로 업데이트를 찾아 설치해야 해요. Figma 접근 레벨에 대해 자세히 알아보려면 여기를 읽어보세요.
도움 받기
1. Figma 접근 권한은 어떻게 얻나요?
- Red Hat 직원:
- UX 디자인(UXD) 팀의 Red Hat 직원이라면 Figma의 UXD 워크스페이스에 추가되어, 팀이 라이브러리를 업데이트할 때마다 즉시 받아볼 수 있어요.
- Red Hat 직원이지만 UXD 팀이 아니라면, 매니저와 상의해 Figma의 팀 워크스페이스에 추가되어야 해요.
- PatternFly 커뮤니티 멤버:
- Red Hat 직원이 아니라면, PatternFly 6 디자인 파일의 사본을 만들어 자신의 Figma 워크스페이스에 라이브러리를 설치해야 해요.
- 로컬 사본을 사용하므로 자동 라이브러리 업데이트를 받을 수는 없어요. PatternFly 팀은 스프린트 일정에 따라 격주로 업데이트를 릴리스할 거예요. 최신 업데이트를 다운로드하려면 Figma 커뮤니티 페이지를 다시 방문하세요.
2. 여전히 Sketch를 사용할 수 있나요?
PatternFly 5 이전에는 Sketch에서 PatternFly 디자인 키트를 사용할 수 있었어요. 우리는 PatternFly 5 라이브러리 릴리스와 함께 디자인 시스템을 Figma로 마이그레이션했어요. 이제 Sketch는 더 이상 권장되지 않으며, PatternFly 6 디자인 키트는 Sketch에서 사용할 수 없어요. 자세한 내용은 PatternFly 5 아카이브 사이트를 참고하세요.
3. 어떻게 Figma로 마이그레이션하나요?
Figma로 마이그레이션하려면 새 디자인 작업을 모두 Figma에서 시작하면 돼요. 다른 디자인 툴에 있는 기존 디자인을 Figma로 가져오고 싶다면, PatternFly 5 또는 6 컴포넌트 라이브러리를 사용해 각 UI 목업을 수동으로 다시 만들어야 해요.
4. PatternFly 6로 업그레이드하지 않았다면 어떻게 되나요?
제품이 PatternFly 6로 업그레이드되지 않았다면 PatternFly 6 디자인 키트와 디자인 토큰을 사용할 수 없어요. 이전 PatternFly 라이브러리는 PatternFly 6 릴리스 이후 더 이상 유지·관리되지 않습니다.