Figma Sites
디자인, 프로토타입 제작, 게시에 필요한 모든 것이 한 곳에.
모든 기기와 화면 크기에서 변함없이 완벽한 레이아웃
이제 그 어느 때보다 쉽게 원하는 방식 그대로 구현된 라이브 웹사이트를 출시할 수 있습니다.
Figma Design 프레임을 유연한 레이아웃으로 전환해 보세요
기존 디자인을 Figma Sites에 붙여 넣고 반응형 컴포넌트, 텍스트, 오토레이아웃을 활용해 빠르게 웹사이트를 구축하세요.
사전 제작된 블록으로 빠르게 시작하기
오토레이아웃이 내장된 컴포넌트로 페이지를 구성하세요. 그리고 원하는 스타일을 추가해 특별한 웹 경험을 만들어보세요.
클릭으로 인터랙션 추가
마키 스크롤, 사용자 지정 커서, 호버 효과 등 손쉽게 사용할 수 있는 사전 설정 인터랙션으로 사이트를 생동감 있게 만들어보세요.
"Figma Sites를 사용하면 단 몇 분 만에 웹사이트를 디자인하고 게시할 수 있어요. 제가 원하던 모든 것이 하나의 도구에 담겨있죠."
Jace Attard, 디자인 리드
AI든 코드든, 원하는 대로 만들어 보세요
코드를 바로 편집하여 사이트를 원하는 대로 맞춤화하세요. 어디서부터 시작해야 할지 막막하신가요? AI에게 맡겨보세요. 생생하게 구현되는 인터랙션을 직접 확인해 보세요.
프롬프트로 살아 움직이도록
AI로 기존 디자인에 또는 처음부터 사용자 지정 인터랙션을 생성해 보세요. 프롬프트로 계속 다듬거나 코드를 직접 편집할 수도 있습니다.
Figma 커뮤니티가 Figma Sites로 완성한 프로젝트를 살펴보세요
- Lea Filipowicz
- Raul Marin Calleja
- Ana Bolio Ayora
- Sanghyo Yee
Figma의 모든 것을 한 곳에서, 손쉽게.
Figma는 이제 그 어느 때보다 강력해졌습니다. WIP에서 출시까지 필요한 모든 것을 한 곳에서 만나보세요.
Figma Design 파일로 시작하기
Figma Design 파일에서 작업을 복사하여 붙여 넣으면 몇 분 만에 웹사이트를 만들 수 있습니다. 페이지 레이아웃부터 타이포그래피까지, 디자인한 모든 디테일이 그대로 유지됩니다.
디자인 시스템으로 더 빠르게 구축하기
기존의 디자인 라이브러리, 스타일, 컴포넌트를 그대로 활용하세요. 새로 만들 필요가 없습니다. 브랜드의 일관성을 유지하며 효율적으로 디자인하세요.
템플릿으로 시작하기
전문가가 만든 웹사이트 템플릿으로 빠르게 시작하여 작업 시간을 단축하세요. 템플릿으로 시작해 무엇이든 만들 수 있습니다.
슬라이드 1/5
이벤트
강렬한 에너지를 담은 대담한 디자인. 뮤직 페스티벌 및 공연을 위한 이 템플릿은 역동적이고 경쾌한 디자인으로 이벤트 정보를 전달하고 티켓 판매를 촉진합니다.
강렬한 에너지를 담은 대담한 디자인. 뮤직 페스티벌 및 공연을 위한 이 템플릿은 역동적이고 경쾌한 디자인으로 이벤트 정보를 전달하고 티켓 판매를 촉진합니다.
Shortcut에서 더 알아보기
Figma Sites: 맞춤형 웹사이트 디자인 및 구축
Figma는 최근 Figma Sites를 출시했습니다. 이제 이 올인원 솔루션으로 도구를 전환할 필요 없이 원하는 대로 반응형 웹사이트를 디자인하고 구축할 수 있습니다. 디자인부터 제작까지, 가장 효율적이면서 감각적으로 작업하는 방법을 알아보세요.
내 손으로 만드는 웹사이트
요즘, 소규모로 직접 만든 웹사이트들이 다시 주목받으며, 인터넷의 주류 흐름에 도전하고 있습니다. 나만의 사이트를 직접 만들어 이러한 트렌드에 동참해 보세요.
Config 2025에서 출시한 모든 것
Config 2025에서 선보인 모든 새로운 제품과 기능을 확인해 보세요. 그리고 Figma Sites로 만든 페이지를 둘러보며 Figma 디자이너들이 자신만의 아이디어와 개성을 어떻게 표현했는지 확인해 보세요.