[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

안녕하세요, 수강생 여러분,

 설날 연휴는 잘 보내셨나요?

📢 강의 업데이트 안내

📅 2월 5일, 6일 (수, 목) 한국시간 새벽 2시~6시

해당 시간 동안 강의가 전면 업데이트될 예정입니다.기존 강의는 마지막 섹션(섹션 16)에서 3월 중순까지 확인하실 수 있으니 참고해주세요.

🔹 이번 업데이트 내용

✅ 음질 개선 – 음량을 조정하고 적정한 속도로 조절했습니다.

✅ UI3 최신 버전 반영 – 모든 강의를 최신 버전으로 업데이트했습니다.

✅ 타이포그래피 베리어블 추가 – (난이도가 높으니 여러 번 시청을 추천드립니다!)

✅ 컴포넌트 강의 보강 – 아이콘 버튼과 버튼 스택을 추가했습니다.

✅ 이미지 플레이스홀더 강의 추가 – 플러그인을 활용한 좌우 비율 고정 방법을 설명했습니다.

등등

🎯 3월부터 인프런 워밍업 스터디 진행 예정! [모집은 다음주부터일 것 같습니다.]

이번 기회에 UI3 인터페이스를 익히고 강의를 완주할 분들은 꼭 참여해 주세요!

✨ 여러분의 도움이 절실히 필요해요.

최대한 검수를 진행했지만, 강의 편집이 미완성된 부분이나 블랙화면 등의 문제가 있을 수 있습니다. 강의를 시청하시다가 부족한 부분이 발견되면, 1개월 동안 아래 이메일로 피드백을 보내주시면 감사하겠습니다.

📩 문의: boldplus.ux@gmail.com

감사합니다. 😊

안녕하세요,

9월이 마무리되면서 2024년도 막바지를 향해 가고 있습니다.

10월에는 인프런 워밍업이 시작되고, 주말 동안 두 가지 강의를 업데이트했습니다.

1. 섹션3: 아이콘 등록하는 방법, 그리고 팁 with 앤트맨 전략
강의 오픈 이후 아이콘 관련 질문을 30개 이상 받았습니다. 이 질문들을 해결할 수 있는 강의를 준비했습니다. 특히, 피그마에서 아이콘이 깨지는 문제를 앤트맨 전략으로 해결하는 방법을 다룹니다. 이 내용은 지난 1기 특강에서 큰 반응을 얻은 부분입니다. 기존의 구 아이콘 강의는 10월까지만 유지 후 삭제할 예정입니다.

2. 섹션 14: Figma UI3: 기존 UI2에서 무엇이 달라졌나?
음질 문제가 있던 UI2 강의를 새로 촬영하여 재업로드했습니다. 또한, 1주일 사이에 UI가 업데이트된 내용을 반영하여 강의에 포함했습니다.

10월 말에는 타이포그래피 베리어블 (UI3 버전) 강의도 업로드할 계획이며, 피그마 기초 강의에 대한 많은 요청에 따라 내년 초 오픈을 목표로 준비 중입니다.

기존 강의 업데이트뿐만 아니라, 앞으로도 추가 강의도 열심히 준비하겠습니다.

감사합니다.

안녕하세요, 수강생 여러분!

추석은 잘 보내셨나요? 본 강의에 세 가지 업데이트가 있습니다.

1. 인프런 워밍업 클럽 모집

디스코드를 통해 이미 안내드렸듯이, 인프런 워밍업 클럽이 내일 24일까지 모집 중입니다. 강의를 아직 완강하지 않으신 분들은 꼭 참여하셔서 함께 완강하시길 추천드립니다.
https://inf.run/Qg5iV

2. UI3 관련 업데이트 강의

지난 8월 말에 진행된 <피그마 UI3: UI2에서 무엇이 바뀌었는지 분석>한 라이브 강의를 재촬영 및 편집하여 섹션 14에 업데이트했습니다. 완강하신 분들이나 UI3에 관심 있으신 분들은 꼭 확인해보세요.

3. 강의 우수사례 이벤트

실제 업무에 본 강의를 적용하시거나 플러그인을 만드신 좋은 사례들을 보고 정말 뿌듯합니다.

그래서 여러분들이 보내주시는 좋은 사례들을 모아서 어워드를 진행하고자 합니다. 우수 상품을 고민하다가 제 토큰 개념에서 언급된, 손흥민 선수의 티셔츠를 제공드리고자 합니다.

• 우수 상품: 손흥민 선수의 토트넘 Home, Away 티셔츠 제공

• 신청 기간: 2025년 2월 말까지

   

• 형식: PDF, 피그마파일 - 형식, 분량은 상관없음

   

• 제출: boldplus.ux@gmail.com 으로 보내주시며 됩니다.

   

안녕하세요, 볼드입니다.

이번에 인프런 워밍업 클럽에서 디자인 시스템 강의의 코치로 참여하게 되었습니다. 

<피그마 배리어블을 활용한 디자인 시스템 구축하기>

혜택

• 5월 동안 강의를 처음부터 끝까지 지식공유자 볼드의 주도하에 정주행하는 스터디 모임이며, 디스코드 커뮤니티에서 진행될 예정입니다. 

• 완주 시 인프런에서 준비한 상품(3만잎)을 드리며, 우수 러너에게는 특별한 상품이 제공됩니다.

• 수강생 여러분은 무료로 참여 가능하시니, 이번 기회에 강의를 완강하시고 많은 혜택을 누리시길 권장드립니다.

• 30% 할인 쿠폰도 준비되어 있으니 혹시 주변 지인 분들 중에 관심 있으시면 알려주시면 감사하겠습니다.(아래 링크 참조)

안내사항

• 참가 신청 기간: 4월 23일(화) 23:59분까지

• 참가비: 무료

• 워밍업 클럽 기간: 4월 26일 ~ 5월 31일

• 인프런 워밍클럽 1기 더 자세히 알아보기

궁금하신 점 있으시면 저에게 언제든지 이메일 주시면 감사하겠습니다.

boldplus.ux@gmail.com

감사합니다, 볼드 드림.

안녕하세요, 볼드입니다.

이번 소식은 강의 이론 부분을 정리한 요약본 공유 관련 소식입니다.

링크는 섹션 0에 [요약본 파일 공유]에 있습니다.

📝 만들게된 계기

강의 수강평과 설문조사를 읽어본 결과 아래와 같은 의견이 많았습니다.

본 강의가 실무에 정말 도움이 되나 처음에는 너무 어려워서 완강 이후 2~3번 들어야 내것이 될 것 같다

수강생 분들의 예습과 복습에 도움이 되고자 강의 이론 부분을 노션 형태의 요약본으로 만들었습니다. 그리고 자주 해주시는 질문(주로 아이콘 파트)도 정리하였습니다.

📌 주의사항

저작권 이슈로 복사 및 복제는 하지 않으셨으면 좋겠습니다. 발견시 요약본을 삭제 조치할 것이며, 제발 다른 수강생분들을 배려해주세요.

🎉 완강 이벤트

완강하신 분들 중 수강평/설문조사를 해주신 분들에게는 이 강의 요약본의 PDF를 공유해 드릴 예정입니다.

많은 참여 부탁드리겠습니다.

여러분의 성장을 돕는 강의가 되도록 노력하겠습니다.

볼드 드림.

스터디 2기 모집과 강의 업데이트 예정 소식을 안내해드립니다.

2024년 1월 스터디 2기를 모집합니다.

현재 1기를 진행 중이고 참여하신 수강생분들과 함께 베리어블을 박살내고 있습니다.

눈부신 1기 분들의 4주간 성과를 요약하자면,

• 180개 이상의 인증샷

• 평균 1인당 21개 수업 완료

• 만족도 4.8/5

2기에 동참하고 싶으신 분들은 1월 1일까지 슬랙 커뮤니티로 들어오셔서 참가신청을 하시면 됩니다.

베리어블 업데이트 정리

인스타그램에서 베리어블 이벤트를 진행했습니다. 업데이트 전체가 궁금하신 분들은 유투브 영상을 담아놓은 노션 링크를 참고하시기 바랍니다.

https://candied-bowl-4a6.notion.site/12-639103a61e5f4889b4ba61aa21e105ce

내년 1월 1일에 이 업데이트와 관련해서 인프런에 총 4개의 영상이 추가로 업데이트될 예정입니다.

2024년 강의 인상

2024년 강의가 인상됩니다. 강의를 끊어주신 분들은 영향이 전혀 없습니다. 주변에 혹시 이 강의에 관심 있으신 분들이 계시다면 12월 31일 전에 할인된 가격에 구매하실 수 있는 절호의 기회이니 알려주시면 감사하겠습니다.

마지막으로, 여러분도 아시다시피 피그마의 업데이트 속도는 엄청 빠릅니다. 저의 강의도 이 변화에 맞게 계속 발전해나가고 여러분들의 성장에 도움을 드리도록 노력하겠습니다.

감사합니다.

볼드 드림.

안녕하세요. 볼드입니다.

강의를 오픈한지 1달이 되어 가고 있습니다. 현재 많은 분들이 강의를 들어주시고 있으며, 슬랙 채널에서는 스터디 1기가 한창 진행 중입니다.

오늘은 이벤트와 강의 업데이트 소식 알려드려고 합니다.

이벤트 안내: 80% 강의 완료 수강자 대상 무료 커피챗 30분

온라인 강의는 언제든지 들을 수 있는 장점이 있지만 혼자서 공부하기 어려운 경우가 많습니다. 따라서 도움을 드리기 위해 80% 이상 들으신 분들을 대상으로 5만원 상당의 커피 챗을 무료로 진행하고자 합니다.

제가 도움 드릴 수 있는 부분은 아래와 같습니다.

• 포트폴리오 리뷰

• 해외 취업

• 커리어 고민 상담

   

   

  온라인 커피챗이 필요하신 분들은 boldplus.ux@gmail.com으로 연락주시면 감사하겠습니다.

   

  여러분들이 완강하실 때까지 열심히 노력하도록 하겠습니다.

업데이트 소식

어제 피그마 베리어블에 대대적인 업데이트가 있었습니다. 현재 인스타그램으로 이와 관련한 이벤트를 진행 중이며, 다음 주에 인프런에 업데이트 관련 영상, 자료들을 올릴 예정입니다.

강의가 업데이트 되면 다시 한번 공지를 올리도록 하겠습니다.

[업데이트 요약] 주로 숫자 베리어블 관련한 업데이트입니다.

• Individual corner radius: 어느 위치에서든 ‘둥근 모서리’ 베리어블 등록하기

• Effect, Layer Opacity: 효과, 투명도에 베리어블 등록하기

• Grid, Stroke: 그리드, 테두리에 베리어블 등록하기

• 마지막으로 베리어블을 인스턴스에 연결하기,

  몇가지 예시를 통해 사용법을 자세히 설명드리겠습니다.

컴포넌트 30개를 만들어야 한다는 과제가 어려워 보이시나요?

그렇다면 이 워크시트가 도움이 될 것입니다.

워크시트 안내: 섹션 3 수업 2 - 컴포넌트 워크시트 Beta 공유

안녕하세요! 컴포넌트 워크시트 Beta를 섹션 3 수업 2 부분에서 공유해드립니다. 이 워크시트는 여러분이 강의를 따라가며 컴포넌트를 만드는 과정을 추적하고 필요한 도움을 받을 수 있도록 도와줍니다. 현재 강의에서 파악한 부분만을 담고 있습니다. 누락된 내용이나 수정이 필요한 부분은 코멘트를 남겨주시면 감사하겠습니다.

사용 가이드:

1. 해당 워크시트를 복사하여 사용하세요.

2. 워크시트를 활용하여 강의에 따라 컴포넌트를 생성해보세요.

3. 원본 파일에 문제가 있거나 수정이 필요한 부분이 있으면 원본 파일에 코멘트를 남겨주세요.

커뮤니티 챌린지 안내: 만약 커뮤니티에 참여하시면, 매달 챌린지를 통해 컴포넌트를 함꼐 만들어보는 기회가 주어질 것입니다. 함께 공부하고 성장하는 여정에 참여해보세요!

도움이 필요하거나 궁금한 점이 있으면 언제든 코멘트를 남겨주세요. 즐거운 피그마 여정 되시길 바랍니다!