안녕하세요, 미갱이님! 질문 남겨주셔서 감사합니다. 사소한 질문이라도 언제든지 편하게 남겨주세요. 시간이 나는대로 최대한 빠르게 답변드리겠습니다. 다운로드하신 파일은 섹션 3, 4에서 다루는 내용입니다. 제 강의는 크게 세 파트로 구성되어 있습니다. 스타일 가이드 / 베리어블 컴포넌트 제작 페이지 만들기 세 파트 모두 직접 손으로 만들어보시는 걸 가장 추천드립니다. 다만 스타일 가이드/베리어블 파트를 어려워하셔서 다음 단계로 넘어가지 못하는 분들이 계셔서, 그런 분들을 위해 이 파일을 따로 만들어 두었습니다. 그리고 강의를 들으시면서 팁을 드리자면.. 이전에 챌린지 프로그램에서 여러 수강생분들과 함께 공부해보니, 아래 순서로 진행하실 때 가장 효과가 좋았습니다. 강의를 처음부터 끝까지 한 번 쭉 보기 섹션 3, 4를 보면서 참고 파일(다운 받으신 스타일 가이드)을 함께 훑어보기 빈 파일에서 하나씩 직접 만들어보기 막히는 부분은 강의를 다시 보거나 참고 파일과 비교해보기 만약 컴포넌트 제작부터 바로 시작하고 싶으시다면, 제가 만들어 둔 파일을 출발점으로 삼아 진행하셔도 괜찮습니다. 궁금한 점 있으시면 언제든 말씀해주세요. 감사합니다!
안녕하세요, 이미 해결하신 것 같네요. 우선 커뮤니티 파일을 라이브러리 등록한 후 프로젝트 파일에서 라이브러리를 가져오는 두가지 단계가 있습니다. 먼저 커뮤니티 파일을 라이브러리로 등록하셔야 합니다. 아래에 순서를 적어두었습니다. 커뮤니티 파일을 여신 다음, 왼쪽 패널에서 에셋을 누르시고, 에셋 글자 오른쪽에 있는 책 모양 아이콘을 누르세요. 매니지 라이브러리 모달 창에서 현재 파일을 퍼블리시합니다. 다음으로 프로젝트 파일에서 라이브러리를 가져오셔야 합니다. 동일하게 왼쪽 패널에서 에셋을 누르시고, 에셋 글자 오른쪽에 있는 책 모양 아이콘을 누릅니다. 매니지 라이브러리 모달 창에서 팀을 누르시면 이전에 퍼블리시한 라이브러리가 보이는데, 그 라이브러리를 추가하시면 됩니다. 그 다음에는 쉽게 에섯에서 찾으실 수 있을 겁니다. 감사합니다.
안녕하세요, 23강의 아이콘 파트를 다시 보시고, 참고하시면 잘 안되는 부분을 해결할 수 있을 것 같습니다. 간단히 아래에 고려해야할 사항을 적어두었으니, 꼭 확인해 주세요. 레이어 이름과 구조 통일 : 아이콘끼리 레이어 이름과 구조가 동일해야 합니다. 서로 다르면 인스턴스를 바꿨을 때 색상이 유지되지 않습니다. Constraints를 Scale로 설정 : 아이콘의 Constraints를 Scale로 지정해야 크기를 줄이거나 키울 때 비율에 맞게 함께 조정됩니다. 선을 면으로 변환 (Outline stroke 또는 Boolean) : 아이콘을 반드시 면으로 처리해 주세요. 그래야 크기에 따라 선 굵기도 자연스럽게 함께 달라집니다. 이렇게 해도 잘 되지 않으면 boldplus.ux@gmail.com 으로 파일을 보내 주세요. 제가 직접 확인해 보겠습니다. 감사합니다.
안녕하세요, D.Hey님 강의 제작 이후 피그마 자체에서 Lock Aspect Ratio(비율 고정) 기능을 사용할 수 있게 되었습니다. 그러면서 제가 소개해드렸던 플러그인은 업데이트가 중단되며 자연스럽게 사라졌습니다. Dimensions 항목에서 W, H 오른쪽에 있는 Lock Aspect Ratio 버튼을 켜시면 됩니다. 1:1 비율로 만들고 싶으시면, W 200, H 200으로 설정한 뒤 오른쪽 버튼을 눌러주세요. 그러면 크기를 조절해도 비율이 그대로 유지됩니다. 다른 비율, 예를 들어 2:3으로 하고 싶으시면 W 200, H 300으로 설정 후 버튼을 누르시면 이후부터 그 비율로 고정됩니다. 한번 적용해보시고 결과 알려주시면 감사하겠습니다. . 원하시는 시점에 맞춰 빠르게 답변드리지 못한 점 개인적으로 죄송하게 생각합니다. 얼마 전 태어난 둘째 아이가 독감으로 응급실에 다녀오게 되어 경황이 없었습니다. 그럼에도 미리 말씀드린 대로 약속드린 3일 이내에는 답변을 드리고자 노력했습니다. 오늘 남겨주신 강의 평점을 보니 아쉬움이 있으셨던 것 같습니다. 앞으로 강의를 완강하시는 과정에서 궁금하신 점이 있으면 언제든 편하게 질문 주세요. 성심껏 답변드리며 만족스러운 경험이 되실 수 있도록 노력하겠습니다. 올해는 둘째 출산으로 챌린지를 진행하지 못했지만, 하반기에 새로운 챌린지를 준비하고 있습니다. 기존 강의에 더불어, AI를 활용하는 방법에 대해 다룰 예정이니, 그때 꼭 연락 주시면 함께 디자인 시스템을 제대로 배워보는 기회가 되었으면 좋겠습니다. 감사합니다!
안녕하세요, 아래에서 인프런 인턴이 잘 설명해 주셨는데, 추가로 말씀드리면 제가 처음에는 이 내용을 한 번에 다 넣었는데 시작 부분이 너무 부담스러워서, 강의 섹션 1에 해당하는 10개 챕터 전반에 나누어 배치했습니다. 강의를 들으시면서 각 부분마다 필요한 단축키와 플러그인을 확인하실 수 있습니다. 혼동이 있으실 거 같아서 노션 커리큘럼 파트는 업데이트 해놓았습니다. 질문 주셔서 정말 감사합니다.
안녕하세요, 아래에서 인프런 인턴이 잘 설명해 주셨는데, 추가로 말씀드리면 제가 처음에는 이 내용을 한 번에 다 넣었는데 시작 부분이 너무 부담스러워서, 강의 섹션 1에 해당하는 10개 챕터 전반에 나누어 배치했습니다. 강의를 들으시면서 각 부분마다 필요한 단축키와 플러그인을 확인하실 수 있습니다. 혼동이 있으실 거 같아서 노션 커리큘럼 파트는 업데이트 해놓았습니다. 질문 주셔서 정말 감사합니다.
안녕하세요, Semin Hur님, 모바일 First? 저는 현재 회사에서 프로덕트가 두 개인데, 그 중 하나는 모바일 사용자가 90% 이상이라 모바일을 먼저 작업한 후 데스크탑으로 확장합니다. 디자인 복잡도도 높지 않아 모바일 퍼스트가 자연스러운 선택이었습니다. 일반적으로 모바일 퍼스트를 권장하지만, Semin Hur님도 아래 두 가지 기준으로 시작점을 결정해 보시길 추천드립니다. 사용자 비율 — 어떤 디바이스 사용자가 더 많은가? 디자인 복잡도 — 레이아웃이 얼마나 복잡한가? 예를 들어, 대시보드가 포함된 SaaS 프로덕트에서 사용자의 99%가 데스크탑 유저라면 굳이 모바일부터 시작할 필요가 없습니다. 모바일은 후순위에 두거나, 개발 리소스 상황에 따라 아예 제외하는 판단도 충분히 합리적입니다. 피그마 베리어블 모드, 어디까지 활용 방안 베리어블 모드로 모든 반응형 스펙을 통제하는 것은 현실적으로 쉽지 않습니다. 개인적으로는 이렇게 접근하시길 권장드립니다. 타이포그래피 → 베리어블 모드 적극 활용 (일관성 확보에 효과적) 간격→ 큰 단위부터 먼저 잡고, 세부 간격은 별도로 관리 모든 반응형 스펙을 베리어블 패널 안에 넣으려 하면, 오히려 디자인의 창의적 자유도가 제약될 수 있습니다. 반응형 디자인의 목적은 모드를 바꿔서 반응형을 자동으로 완성하는 것이 아니라, 기기 마다 얼마나 유연하게 바뀌는지가 중요하기 때문입니다. 그래서 이를 위한 그만큼의 스펙이 미리 정의되어 있어야 합니다. 그래서 저는 강의에서 제안하는 큰 구조를 먼저 잡고, 디테일은 유연하게 가져가시는 것을 추천드립니다. 볼드 드림.
