Figma 완전 입문 - UI 디자인 기초부터 Figma AI 자동화까지

이 강의는 Figma를 처음 열어 보는 분이 UI 디자인의 기본기부터 최신 AI 자동화 기능까지 익히는 26차시, 약 13시간의 실습 과정입니다. Figma는 이제 UI 디자인의 기본 도구가 되었지만, 기능이 많아 어디부터 손대야 할지 막막합니다. 특히 Auto Layout과 Component는 개념을 한 번 잡아 두지 않으면 계속 우회하게 되고, 결국 도형을 일일이 옮기는 방식에 머무르게 됩니다. 이 강의는 그 개념들을 예제와 함께 순서대로 쌓아 올립니다. 앞부분은 인터페이스와 벡터 도구, 그래픽 스타일입니다. 도형과 패스를 다루고 색상·텍스트 스타일을 시스템으로 등록하는 법을 익히면 이후 작업 속도가 달라집니다. 이어서 Auto Layout으로 요소를 자동 배치하는 원리를 다룹니다. 중반부는 Component와 Variants입니다. 버튼 하나를 만들어 상태별로 관리하고, 여러 화면에서 재사용하는 구조를 실습합니다. 반응형 레이아웃 차시에서는 화면 크기가 바뀌어도 무너지지 않는 UI를 설계하고, 모바일 레이아웃까지 확장합니다. 마지막 여섯 차시가 이 강의의 차별점입니다. 'html . to . design' 플러그인으로 기존 웹페이지를 Figma로 가져오고, Figma Site로 디자인을 실제 웹페이지로 만들고, Figma Make로 프롬프트를 입력해 코드까지 생성하는 과정을 다룹니다. 최신 Figma AI 기능도 함께 짚습니다. 디자인 전공이 아니어도, 그래픽 툴을 다뤄 본 적이 없어도 따라올 수 있습니다. 강의를 마치면 웹과 모바일 UI를 직접 설계하고 AI 기능으로 작업 시간을 줄일 수 있게 됩니다.