저희는 프로덕트 디자이너의 성장을 돕는 볼드유엑스랩 메인 튜터인 볼드, 제 경력은 리서처로 시작하여 프로덕트 디자이너로 커리어 전환 후 핀테크, 클라우드 테크, 마케팅 등 다양한 분야에서 경험을 쌓고 있습니다. 국내 석사 출신으로 해외교육 없이 해외에서 취업하여 다양한 실무 경험을 하고 있으며, 실무에서 아래의 내용을 진행해왔습니다.
사용자 리서치 시스템 구축, 관리
디자인 시스템 구축, 관리,
피그마 UI/프로토타이핑
디자인 역량 코칭, 멘토링
인프런을 통해 제가 알고 있는 실무 노하우를 공유하고 이를 통해 저도 많이 배우고 싶습니다.
감사합니다.
경험 및 경력
(현) 데이터 솔루션 회사 · 시니어 프로덕트 디자이너
(전) 글로벌 리서치, 핀테크, 클라우드 컴퓨팅 등 다양한 분야에서 프로덕트 디자이너로 활동
연세대 인지공학랩 리서처
안녕하세요. 저는 런던에서 프로덕트 디자이너 겸 리서처로 일하고 있는 볼드라고합니다. 연세대 석사 출신으로 런던에서 에이전시, 스타트업, 대기업 등과 함께 일한 실무 경험이 있습니다. UX, UI, 프로덕트, 리서치 등 실무에서 통하는 팁, 노하우를 공유해 드립니다.
멘티분들의 성장을 돕는 맞춤형 멘토링을 추구합니다.
멘토링 분야
- 신입, 주니어, 미드 이력서 & 포폴 첨삭
- 커리어 상담
- UX/UI/프로덕트 학습 방법 및 로드맵 설계
- UX/UI프로덕트 디자이너 성장 방법
- UX/UI 실무 기초, UX 리서치 실무, 실무 디자인 시스템
- 해외(영국) 디자이너 취업 전략 및 해외 생활
+ 멘토링 신청하신 분을 대상으로 디자인 역량 분석이 필요하신 분께 무료로 역량 분석을 도와드리고 있습니다.
사전준비물
사전에 받고 싶은 자세한 상담내용
멘티분께서 공개 가능한 상세 정보
이력서 또는 포트폴리오 첨삭의 경우 첨삭할 자료를 미리 보내주세요.
진행방식
- Google Meet을 활용한 온라인 1:1 화상회의 방식
- 웹캠, 마이크, 이어폰은 필수로 미리 지참해주시기 바랍니다.
- 예약이 되면 기재하신 연락처로 필요한 내용들을 제공드릴 예정입니다.
강의
수강평
- [UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
- [UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
게시글
질문&답변
컴포넌트 파일에 파운데이션 라이브러리 연결 안되는 문제
안녕하세요. 미갱이님제 추측이 맞다면 지금 첨부하신 파일은 컴포넌트를 만들기 위한 파일이고 이 경우에는 베리어블이 없습니다. 강의에서는 파일을 두개로 분리해서 사용하는데, 하나는 파운데이션(베리어블, 스타일 등) 그리고 다른 하나는 컴포넌트입니다.이전 질문에서 에셋 물어보셨는데 에셋을 통해 컴포넌트 파일과 파운데이션 파일을 연결할 수 있습니다. 그러면 컴포넌트 파일에서 색깔 팔렛을 누르면 파운데이션 베리어블을 가져올 수 있습니다. 그리고, 당연히 컴포넌트 파일 안, 베리어블 창을 열면 아무 것도 없겠죠.그러면 왜 이렇게 두개로 나누냐고 물으신다면, 보통 관리가 용이하기 때문입니다. 둘의 용도가 다르고 회사 규모에 따라 컴포넌트가 여러개로 나뉠 수 있기 때문입니다.(모바일용, 웹용 - 동일한 스타일) 그리고 보통 스타일은 잘 안 바뀌는 반면, 컴포넌트는 굉장히 많이 업데이트 되면서 바뀝니다. 플러그인, Apply variable은 다양하게 사용 될 수 있는데, 이 관점에서는 A에셋에서 다른 B 에셋으로 갈아 타고 싶은 경우 이름만 동일하면 쉽게 옮길 수 있습니다.궁금하신 부분 있으면 언제든지 질문 주세요.
- 좋아요수
- 0
- 댓글수
- 6
- 조회수
- 21
질문&답변
컴포넌트 파일에 파운데이션 라이브러리 연결 안되는 문제
미갱이님 아래 글을 인프런 인턴이라고 해서 AI가 작성한 글입니다. 우선 첨부해주신 이미지를 확인해보고, 제 피그마 파일에서 확인해보았습니다. #171717 색상 코드 문제우선 저렇게 나온 이유는 베리어블 값이 적용되지 않았기 때문입니다. 그래서 베리어블 값을 적용해주셔야 합니다. 지금 전체 #171717 색상을 누르시고 선택을 하시면 됩니다. 아래에 첨부 사진을 붙여 놓았습니다.a. 미갱이님과 동일한 구성입니다.(사진)b. Selection colors에서 호버를 하시고 Style이라는 dot 4개짜리 아이콘이 나타납니다. 그걸 선택하시고, 모달에서 Libraries를 선택하고 아이콘 베리어블을 선택해줍니다.(사진)c. 그러면 #171717값이 아니라 베리어블이 잘 적용된 걸 확인할 수 있습니다.(사진)Apply variable 플러그인 문제네 맞습니다. 색상이 베리어블이 적용되지 않았기 때문에 다른 라이브러리의 이름이 동일한 베리어블로 바꾸려고 해도 바뀌지 않게 됩니다.따라서 하셔야 하는건 #171717 값에 베리어블 값을 적용만 해주시면 됩니다. 한번 해보시고, 안되시면 알려주세요.
- 좋아요수
- 0
- 댓글수
- 6
- 조회수
- 21
질문&답변
섹션3. 스타일가이드 다운받고 난후
안녕하세요, 미갱이님!질문 남겨주셔서 감사합니다. 사소한 질문이라도 언제든지 편하게 남겨주세요. 시간이 나는대로 최대한 빠르게 답변드리겠습니다.다운로드하신 파일은 섹션 3, 4에서 다루는 내용입니다.제 강의는 크게 세 파트로 구성되어 있습니다.스타일 가이드 / 베리어블컴포넌트 제작페이지 만들기세 파트 모두 직접 손으로 만들어보시는 걸 가장 추천드립니다. 다만 스타일 가이드/베리어블 파트를 어려워하셔서 다음 단계로 넘어가지 못하는 분들이 계셔서, 그런 분들을 위해 이 파일을 따로 만들어 두었습니다.그리고 강의를 들으시면서 팁을 드리자면..이전에 챌린지 프로그램에서 여러 수강생분들과 함께 공부해보니, 아래 순서로 진행하실 때 가장 효과가 좋았습니다.강의를 처음부터 끝까지 한 번 쭉 보기섹션 3, 4를 보면서 참고 파일(다운 받으신 스타일 가이드)을 함께 훑어보기빈 파일에서 하나씩 직접 만들어보기막히는 부분은 강의를 다시 보거나 참고 파일과 비교해보기만약 컴포넌트 제작부터 바로 시작하고 싶으시다면, 제가 만들어 둔 파일을 출발점으로 삼아 진행하셔도 괜찮습니다. 궁금한 점 있으시면 언제든 말씀해주세요. 감사합니다!
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 25
질문&답변
강의 파일 다운로드
안녕하세요, 이미 해결하신 것 같네요.우선 커뮤니티 파일을 라이브러리 등록한 후 프로젝트 파일에서 라이브러리를 가져오는 두가지 단계가 있습니다. 먼저 커뮤니티 파일을 라이브러리로 등록하셔야 합니다. 아래에 순서를 적어두었습니다.커뮤니티 파일을 여신 다음, 왼쪽 패널에서 에셋을 누르시고, 에셋 글자 오른쪽에 있는 책 모양 아이콘을 누르세요.매니지 라이브러리 모달 창에서 현재 파일을 퍼블리시합니다.다음으로 프로젝트 파일에서 라이브러리를 가져오셔야 합니다.동일하게 왼쪽 패널에서 에셋을 누르시고,에셋 글자 오른쪽에 있는 책 모양 아이콘을 누릅니다.매니지 라이브러리 모달 창에서 팀을 누르시면 이전에 퍼블리시한 라이브러리가 보이는데, 그 라이브러리를 추가하시면 됩니다.그 다음에는 쉽게 에섯에서 찾으실 수 있을 겁니다.감사합니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 41
질문&답변
아이콘 컬러 자동 변경
안녕하세요,23강의 아이콘 파트를 다시 보시고, 참고하시면 잘 안되는 부분을 해결할 수 있을 것 같습니다. 간단히 아래에 고려해야할 사항을 적어두었으니, 꼭 확인해 주세요.레이어 이름과 구조 통일: 아이콘끼리 레이어 이름과 구조가 동일해야 합니다. 서로 다르면 인스턴스를 바꿨을 때 색상이 유지되지 않습니다.Constraints를 Scale로 설정: 아이콘의 Constraints를 Scale로 지정해야 크기를 줄이거나 키울 때 비율에 맞게 함께 조정됩니다.선을 면으로 변환 (Outline stroke 또는 Boolean): 아이콘을 반드시 면으로 처리해 주세요. 그래야 크기에 따라 선 굵기도 자연스럽게 함께 달라집니다.이렇게 해도 잘 되지 않으면 boldplus.ux@gmail.com으로 파일을 보내 주세요. 제가 직접 확인해 보겠습니다.감사합니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 61
질문&답변
'만능으로 쓰이는 기본카드' 강의 내용에 대해 질문드립니다.
안녕하세요, 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를 활용하는 방법에 대해 다룰 예정이니, 그때 꼭 연락 주시면 함께 디자인 시스템을 제대로 배워보는 기회가 되었으면 좋겠습니다.감사합니다!
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 67
질문&답변
figma.com/@boldux 계정이 없다고 나옵니다
안녕하세요, figma.com/@bolduxlab으로 바뀌었습니다.강의 공지 파트에도 업데이트 해놓도록 하겠습니다. 감사합니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 73
질문&답변
7강 도형+펜툴 중 막혔습니다ㅠㅠㅠ
인프런 인턴이 도움이 되었나보네요. 문제가 빠르게 해결되어 다행입니다!
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 112
질문&답변
안녕하세요! 작업 속도를 높여주는 단축키와 플러그인 강의는 없는걸까요?!
안녕하세요, 아래에서 인프런 인턴이 잘 설명해 주셨는데, 추가로 말씀드리면 제가 처음에는 이 내용을 한 번에 다 넣었는데 시작 부분이 너무 부담스러워서, 강의 섹션 1에 해당하는 10개 챕터 전반에 나누어 배치했습니다. 강의를 들으시면서 각 부분마다 필요한 단축키와 플러그인을 확인하실 수 있습니다.혼동이 있으실 거 같아서 노션 커리큘럼 파트는 업데이트 해놓았습니다. 질문 주셔서 정말 감사합니다.
- 좋아요수
- 0
- 댓글수
- 3
- 조회수
- 81
질문&답변
안녕하세요! 작업 속도를 높여주는 단축키와 플러그인 강의는 없는걸까요?!
안녕하세요, 아래에서 인프런 인턴이 잘 설명해 주셨는데, 추가로 말씀드리면 제가 처음에는 이 내용을 한 번에 다 넣었는데 시작 부분이 너무 부담스러워서, 강의 섹션 1에 해당하는 10개 챕터 전반에 나누어 배치했습니다. 강의를 들으시면서 각 부분마다 필요한 단축키와 플러그인을 확인하실 수 있습니다.혼동이 있으실 거 같아서 노션 커리큘럼 파트는 업데이트 해놓았습니다. 질문 주셔서 정말 감사합니다.
- 좋아요수
- 0
- 댓글수
- 3
- 조회수
- 81





![Thumbnail image of the [UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기](https://cdn.inflearn.com/public/courses/332289/cover/5b65a944-ebb3-44a7-96b2-60ca5b0cd0ea/332289-eng.png?w=148)