안녕하세요, 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%가 데스크탑 유저라면 굳이 모바일부터 시작할 필요가 없습니다. 모바일은 후순위에 두거나, 개발 리소스 상황에 따라 아예 제외하는 판단도 충분히 합리적입니다. 피그마 베리어블 모드, 어디까지 활용 방안 베리어블 모드로 모든 반응형 스펙을 통제하는 것은 현실적으로 쉽지 않습니다. 개인적으로는 이렇게 접근하시길 권장드립니다. 타이포그래피 → 베리어블 모드 적극 활용 (일관성 확보에 효과적) 간격→ 큰 단위부터 먼저 잡고, 세부 간격은 별도로 관리 모든 반응형 스펙을 베리어블 패널 안에 넣으려 하면, 오히려 디자인의 창의적 자유도가 제약될 수 있습니다. 반응형 디자인의 목적은 모드를 바꿔서 반응형을 자동으로 완성하는 것이 아니라, 기기 마다 얼마나 유연하게 바뀌는지가 중요하기 때문입니다. 그래서 이를 위한 그만큼의 스펙이 미리 정의되어 있어야 합니다. 그래서 저는 강의에서 제안하는 큰 구조를 먼저 잡고, 디테일은 유연하게 가져가시는 것을 추천드립니다. 볼드 드림.
안녕하세요, 좋은 질문 주셔서 감사합니다. 사실 말씀해주신 선택은 팀원간의 합의하에 또는, 프로덕트의 복잡도, 작업자의 성향에 따라 다를 수 있을 것 같습니다. 저는 개인적으로 게시판 마다 따로 만드는 편이고, 선택된 경우도 베리언츠로 따로 분리해놓습니다. 이렇게 하면 구분하기도 편하기 때문입니다. 정리하자면, 저라면 3게시판이 있으면 각 게시판 마다 만들고, 선택된 것은 베리언츠(Boolean 형태)로 선택된 것/안된 것 따로 만들어서 말씀하신 아이콘이 바뀌는 것을 방지 하도록 할 것 같습니다. 감사합니다. 볼드 드릠.
타이포가 문제가 있어서 그런 것 같습니다. 불린에 해당하는 True, False라고 하시면됩니다. Ture -> True 또는 true, false 이렇게 소문자로 하셔도 되고, on, off 또는 ON, OFF 이렇게 하셔도 무방합니다. 시도해보시고, 안되시면 알려주세요. 감사합니다.
혹시 파일을 공유 해주실 수 있을까요? 제 생각에는 아이콘 비율이 줄어들면서 생기는 문제인 것 같습니다. 16px * 16/24를 하면 10.66666이 나오기 때문입니다. 혹시 스피너 아이콘 레이어를 선택한 뒤 오른쪽 패널에서 W/H 옆 자물쇠 아이콘을16 × 16으로 직접 입력해서 고정하거나, 컴포넌트 내부에서 Constraints를 Fixed로 설정해보실 수 있을까요? 그렇게하면 비율대로 바뀌는 것이 아니라 고정될 것 같습니다. 파일은 boldplus.ux@gmail.com으로 보내주시면 확인하고 더 자세히 답변드리도록 하겠습니다.
