반갑습니다 2020년부터 피그마를 가르치고 있는 루씨입니다.
16년차 디자이너, 9년차 UXUI 디자인 강사, Lottie evangelists KR 로 활동하고 있습니다.
[저서] 이토록 쉬운 피그마 클래스
https://product.kyobobook.co.kr/detail/S000213625223
[유튜브] 루씨의 UXUI 디자인
[오프라인 클래스 경력]
2025 KDT 프러덕트 디자인 과정
2025 피그마 기초 클래스
2024~2025 [취업사관학교] 기업연계 UXUI 디자인 마스터 과정
2023~2024 KDT UXUI 디자인 과정(1~5기)
2023 유데미x웅진 UXUI 디자인 스타터스 과정
2022~2023 UIUX 모바일 웹 디자인 부트캠프 과정
2022~2024 UXUI 디자인 부트캠프 과정
2022 안랩샘 아카데미 15기 피그마를 활용한 UXUI 디자인
2022 비전공자를 위한 디지털 기초 지식 피그마 과정
2016~2021 UXUI 웹디자인 과정
2021 시각디자인 과정
2020 디자이너를 위한 포토샵과 XD 과정
2021 일러스트 입문 과정
2017~2019 포토샵 입문 과정
2017~2019 일러스트와 포토샵 과정
[온라인 클래스 경력]
10회 루씨의 피그마 원데이 클래스- 토스 클론 디자인
9회 루씨의 피그마 원데이 클래스 -오토레이아웃 완전정복
8회 루씨의 피그마 원데이 클래스 -디자이너 면접
7회 루씨의 피그마 원데이 클래스 - 베리어블
6회 루씨의 이토록 쉬운 피그마 클래스
5회 루씨의 피그마 원데이 클래스 - 앱 만들기
4회 루씨의 피그마 원데이 클래스 - 웹사이트 만들기
2022 안랩쌤 아카데미 루씨의 피그마를 활용한 UXUI 디자인 실무
3회 루씨의 피그마 원데이 클래스 - 앱 만들기
2회 루씨의 피그마 원데이 클래스 - 프로토타이핑
1회 루씨의 피그마 원데이 클래스
[실무 경력]
이베이 옥션
후이즈
홈플러스
롯데 관광
LG 인트라넷
다음 소프트
안랩
아이파트너즈
[참여 프로젝트]
야후코리아, 한국인삼공사, 안랩 , LG생활건강, LG사내 인트라넷, LG캐논, LG상사, 신한증권, 롯데닷컴, 어린이재단, 그린피스, 양천자활센터, 매경
※ 외 다수의 실무 경력이 있습니다.
講義
受講レビュー
- Figmaを始める
投稿
Q＆A
각 강의별 샘플
안녕하세요영상을 보시면서 실습하실 수 있습니다. https://www.figma.com/community/file/1434482628186116799 버튼으로 드래프트에 복제해서 사용해주세요.그런데 '9. 2- 프레임과 그룹의 차이' 영상은 실습파일 안에는 없습니다. 혹시 궁금하시면 메일(lucymygirl@naver.com) 주세요. 실습했던 원본 파일 보내드리겠습니다.영상 시청해주셔서 감사합니다.
- 0
- 1
- 22
Q＆A
화면확대 인터렉션 질문이요
안녕하세요 사각형만 만들어서 컴포넌트를 만들어주세요. 그리고 인스턴스를 가져와서 사각형 안에 사진을 넣어주세요. 속성 복사 ctrl(cmd)+alt(opt)+c / PNG 복사 ctrl(cmd)+shift+c 로 복사해서 사각형에 ctrl+V 붙여넣기 해주세요. 끝까지 완강하시길 응원해요🥰감사합니다.
- 1
- 2
- 21
Q＆A
화면전화효과 질문드려요
안녕하세요 gangsugi님이전 버튼도 마찬가지로 set variable 로 인터랙션 설정합니다. 혹시 잘 안되시면 파일을 lucymygirl@naver.com으로 공유해주시면 파일을 살펴본 후에 답변드리겠습니다. 감사합니다. 루씨드림
- 0
- 2
- 26
Q＆A
지금 강의하실 때 사용하시는 피그마 예제??
안녕하세요 cm님예제파일 링크입니다. https://www.figma.com/community/file/143448262818611679감사합니다.
- 0
- 1
- 50
Q＆A
prototype-overflow 탭 문의
안녕하세요. 쟁쟁님scroll behavior의 두가지 옵션은 모두 스타터 플랜에서도 동일하게 설정할 수 있습니다.다만 overflow 옵션이 안 보이는 것은 프레임 안의 도형 또는 텍스트를 선택하면 보이지 않습니다. 프레임 안에 프레임을 하나 더 넣으면 position 과 overflow 옵션이 모두 보일거에요. 상황에 따라 옵션이 나옵니다. 또 궁금한 점있으면 언제든지 질문해주세요. 끝까지 완강하세요🥰감사합니다.
- 0
- 2
- 95
Q＆A
피그마 활용 클래스 > 4 컴포넌트 boolean
안녕하세요 ican125님영상 시청해주셔서 감사드립니다.피그마의 UI가 조금 변경되었습니다. 컴포넌트로 만든 후 아이콘만 선택해서 Appearance 패널의 apply variable/proterty 아이콘은 클릭합니다.(사진) 2. create proterty 모달에서 proterty / show icon 으로 이름을 입력해주세요.(사진)수업 보면서 궁금한 점이 있으면 언제든지 질문 주세요.끝까지 완강하세요!! 감사합니다.
- 0
- 1
- 417
Q＆A
그룹에 대한 질문입니다
안녕하세요 도크님질문 주셔서 감사합니다.단축키 Cmd+G(Ctrl+G)로 그룹을 만들 수 있습니다. 툴바에는 없습니다.기능이 제한이 많이 있어서 그룹은 잘 사용하지 않아요. 거의 프레임 또는 오토 레이아웃을 사용합니다. 빨리, 간단히 묶는 용도는 사용해도 괜찮습니다.수업 보면서 궁금한 점이 있으면 언제든지 질문 주세요.감사합니다.
- 0
- 2
- 86
Q＆A
6- 디자인시스템 구축을 위한 스타일 만들기 > 그레이 선정
(사진)https://designsystem.line.me/LDSG/foundation/color-en/라인의 컬러 시스템 참고로 올립니다. 가장 어두운 Gray900과 가장 밝은 Gray100 을 정하고 사이에 명도 조절을 합니다. 디자인하면서 컬러를 잡는 것이 좋은데, 수업에는 스타일을 등록하는 것만 있어요. 제가 디자인 작업을 할 때는 디자인 한 후에 컬러시스템을 정리합니다. 신입 또는 학생에게는 명도조절 HSL 에서 L(ligntness)를 조절하는 방법을 추천합니다. 추후에 익숙해지면 디자인 후에 정리하시면 좋을것 같아요.공부하시다 궁금한 점있으면 언제든지 질문해주세요. 감사합니다🥰 👍
- 0
- 2
- 149
Q＆A
6-디자인시스템 구축을 위한 스타일 만들기 > 그레이 뒷 숫자의미
안녕하세요 루씨의 피그마 클래스 신청해주셔서 감사합니다. 수업 듣는데 불편한 점은 없나요?질문해주신 컬러를 900으로 만드는 이유는컬러 시스템 만들 때 100 ~ 900까지 "n00" 으로 사용합니다. 이유는 중간에 컬러가 추가될 때 150,250,350.....을 추가해서 디자이너가 컬러를 관리하기 편하기 위해서 입니다.끝까지 완강하세요! 응원합니다!!
- 0
- 2
- 106
Q＆A
공유 주신 피그마 url 404에러 뜹니다
안녕하세요 100rkdud님파일 링크 다시 올리겠습니다. https://www.figma.com/community/file/1434482628186116799불편드려 죄송합니다.
- 0
- 1
- 133