안녕하세요. DX LAB의 AI 실험실입니다.
DX LAB은 개발자와 디자이너가 함께 AI, 디자인, 디지털 제작 도구를 실험하고 실무에 적용하는 팀입니다.
현재 온라인 강의는 DX LAB 소속 디자이너가 직접 기획하고 진행하고 있습니다.
강의를 진행하는 디자이너는 4년차 UI/UX 및 컨텐츠 디자이너로 활동하고 있으며, 디자인 기술 블로그 운영과 온라인 강의 제작 경험을 바탕으로 실무에 바로 활용할 수 있는 AI·디자인 콘텐츠를 만들고 있습니다.
DX LAB의 AI 실험실에서는 복잡한 이론보다 이해하기 쉬운 설명을 지향하고, 실제 결과물을 만드는 과정에 집중합니다. AI와 디지털 작업을 처음 접하는 분들도 쉽게 따라올 수 있도록 차근차근 안내하겠습니다.
Courses
Reviews
- Image Processing Guide: Easy-to-Miss Details When Creating a Product
- 2026 AI Image Generation Core with ChatGPT IMAGES 2.0 (Duct Tape)
- 2026 AI Image Generation Core with ChatGPT IMAGES 2.0 (Duct Tape)
- 2026 AI Image Generation Core with ChatGPT IMAGES 2.0 (Duct Tape)
- 2026 AI Image Generation Core with ChatGPT IMAGES 2.0 (Duct Tape)
Posts
Q&A
강의영상 어떻게 제작하셨을까요..?
rhkdehd17님 안녕하세요.해당 강의를 만들었을 때에는 Figma에서 프로토타이핑 기능을 이용해서 캡쳐 후 프리미어에서 편집하였었습니다.감사합니다. : )
- Likes
- 0
- Comments
- 1
- Viewcount
- 14
Q&A
수업 자료 문의
안녕하세요, asd님. 문의해 주셔서 감사합니다.PPT 파일은 현재 별도로 제공해 드리고 있지 않습니다. 이 점 양해 부탁드립니다..DS_Store 파일은 macOS에서 폴더 정보를 저장하기 위해 자동으로 생성되는 숨김 파일입니다. 자료 내용과는 무관하니 무시하시거나 삭제하셔도 전혀 문제되지 않습니다.감사합니다.
- Likes
- 0
- Comments
- 1
- Viewcount
- 53
Q&A
버튼 컴포넌트 제작시 패딩 값 질문
안녕하세요, 이은종님! 질문 주셔서 감사합니다 ☺패딩값이 홀수여도 괜찮습니다.말씀하셨듯이 패딩은 상하/좌우에 홀수를 주어도 전체의 값이 짝수가 될 수 있죠. 버튼 컴포넌트의 경우 값이 자연수라면 보편적인 디스플레이에서 픽셀이 깨지지 않기 때문에 꼭 4의 배수나 8의 배수가 아니어도 괜찮습니다. 1. 버튼 컴포넌트 폰트에 행간 적용 👉 행간 값은 되도록 짝수를 추천드립니다. 대부분의 디자인 시스템에서 폰트의 행간 값을 px로 변환할 시 짝수가 되도록 맞춥니다.이렇게 행간을 짝수로 맞춰놓으면 전체적으로 짝수 레이아웃을 유지할 수 있습니다.[예시 이미지] https://atlassian.design/foundations/typography(사진)2. 버튼 컴포넌트 패딩 값에 짝수 적용 👉 홀수 사용해도 됩니다. 자연수라면 괜찮습니다.
- Likes
- 0
- Comments
- 1
- Viewcount
- 116
Q&A
플러터(Flutter) 개발 환경에서 svg 깨짐 현상 해결 방법 문의
안녕하세요 askare님 ☺질문 주셔서 감사합니다!말씀해주신 내용만으로는 정확한 상황을 파악하기는 조금 어려우나, 남겨주신 설명을 바탕으로 유추해보았을 때, 아래와 같은 경우일 수 있을 것 같아 몇 가지 자료를 함께 공유드립니다.자료 1 : Figma에서 SVG를 깔끔하게 내보내는 방법https://levimcg.com/blog/more-control-over-figma-svg-exports/ 자료 2 : SVG 사용 시 fill-rule 문제에 대한 자세한 설명https://medium.com/thoughts-overflow/the-mystery-of-the-disappearing-holes-a-gripping-tale-of-using-svg-in-android-442f6035a452도움이 되셨으면 좋겠습니다.감사합니다!
- Likes
- 0
- Comments
- 2
- Viewcount
- 376
Q&A
색상 파레트 제작 시, 색상 배합 방법 문의
제 경우에는 기존에 만들어놓았던 UI 디자인 페이지 일부를 가져와서프라이머리 컬러, 세컨더리 컬러 등을 직접 적용합니다.그렇게 해서 1차적으로 느낌을 보는데요.전체 프레임을 선택한 상태에서 피그마 디자인 패널의 Selection colors에서 일괄적으로 색을 바꿔서 조정해봅니다.만약 기존에 만들어놓은 UI 디자인 페이지가 없거나 적절하지 않다면,v0에서 임의로 만들거나, 피그마 AI 기능인 First Draft로 원하는 UI 디자인을 뽑은 후에 색을 적용해봅니다.이 과정을 도와주는 툴들이 UIcolors, Tailwind Ink, Realtime Colors, radix ui 등 다양하게 있으나 실사용하기에는 조금 부족해서 추천드리기는 힘들 것 같습니다.말씀하셨던 컬러 배색에 대한 노하우는 추후에 다른 개별 컨텐츠로 따로 다뤄야 될만큼의 이야기가 될 것 같습니다.컬러 배색 시 방법론 측면에서 참고할만한 아티클이 있어 공유드립니다. 배색 시 도움이 될만한 내용이 꽤 있습니다. 해당 아티클 링크그리고 사용자가 입력한 프라이머리 컬러를 기준으로 다른 시멘틱 컬러 배색을 추천해주는 툴이 있어서 공유드립니다. colorffy UI Palette Generator 인데요. 머터리얼 컬러 빌더 만큼 디테일하지는 않지만, 초기 배색 시 참고하면 좋을 것 같습니다.
- Likes
- 0
- Comments
- 1
- Viewcount
- 173




