메인 콘텐츠로 건너뛰기

디자인 캔버스에서 바로 만드는 AI 푸터 생성기

AI로 내비게이션, 연락처 정보, 소셜 링크가 포함된 완전한 웹사이트 푸터를 Figma Design 안에서 바로 만들어요. 실제 컴포넌트와 스타일로, 일반적인 템플릿을 다시 만들 필요 없이요.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

함께, 더 빠르게 푸터를 만들어요

브랜드에 맞는 푸터 변형을 생성하고, 레이아웃을 병렬로 탐색하고, 같은 파일에서 팀과 계속 맞춰가요.

캔버스에서 탐색 중인 AI 생성 디자인을 보여주는 Figma 화면캔버스에서 탐색 중인 AI 생성 디자인을 보여주는 Figma 화면

더 높은 완성도로 더 많은 레이아웃을 탐색해요

Figma 에이전트는 실제 컴포넌트, 타이포그래피, 색상 토큰을 사용해 푸터 옵션을 생성해요 — 나중에 다시 만들어야 하는 플레이스홀더 UI가 아니에요. 캔버스에서 바로 프로덕션에 쓸 수 있는 변형을 확인할 수 있어요.

디자인 전체에 일괄 편집이 적용되는 모습을 보여주는 Figma AI 에이전트 패널디자인 전체에 일괄 편집이 적용되는 모습을 보여주는 Figma AI 에이전트 패널

번거로운 작업은 줄이고, 흐름은 유지해요

내비게이션 링크, 저작권 문구, 소셜 아이콘을 일일이 조립하는 작업은 넘어가요. 푸터에 필요한 걸 설명하면 에이전트가 구조를 만들어주니, 정말 중요한 디자인 결정에 집중할 수 있어요.

팀의 피드백이 디자인에 반영되는 모습을 보여주는 Figma AI 에이전트 패널팀의 피드백이 디자인에 반영되는 모습을 보여주는 Figma AI 에이전트 패널

팀을 하나로, 루프를 완성해요

생성된 푸터는 팀이 작업하는 같은 파일에 그대로 남아요. 모두가 최신 버전을 보고, 바로 코멘트를 남기고, 즉시 이어서 작업할 수 있어요 — 내보내기나 핸드오프 과정에서 아무것도 손실되지 않아요.

푸터를 만드는 기능들

디자인 팀이 실제로 작업하는 방식을 고려해 Figma 에이전트가 차별화된 점을 자세히 살펴보세요.

  • Figma AI 에이전트가 컴포넌트 라이브러리에 연결되어 브랜드 토큰을 디자인에 자동으로 적용하는 모습을 보여주는 스크린샷Figma AI 에이전트가 컴포넌트 라이브러리에 연결되어 브랜드 토큰을 디자인에 자동으로 적용하는 모습을 보여주는 스크린샷

    디자인 라이브러리 연결하기

    디자인 시스템을 알려주면 생성되는 모든 푸터가 실제 컴포넌트, 여백 토큰, 브랜드 색상을 사용해요 — 바로 프로덕션에 쓸 수 있게요.

  • Figma에서 여러 개의 AI 디자인 프롬프트가 동시에 실행되는 모습을 보여주는 스크린샷Figma에서 여러 개의 AI 디자인 프롬프트가 동시에 실행되는 모습을 보여주는 스크린샷

    병렬 프롬프팅

    여러 푸터 방향을 한 번에 생성해요 — 다른 레이아웃, 링크 구조, 시각적 스타일을요 — 캔버스에서 나란히 비교할 수 있어요.

  • 디자인 관련 코멘트가 포함된 Figma AI 대화 스레드가 공유된 모습을 보여주는 스크린샷디자인 관련 코멘트가 포함된 Figma AI 대화 스레드가 공유된 모습을 보여주는 스크린샷

    공유 가능한 스레드

    스레드를 공유하면 팀원 모두가 전체 프롬프트, 맥락, 반복 히스토리를 볼 수 있어요. 따로 핸드오프하거나 설명할 필요 없어요.

  • 디자인 워크플로를 자동화하기 위한 Figma AI 에이전트의 스킬 옵션을 보여주는 스크린샷디자인 워크플로를 자동화하기 위한 Figma AI 에이전트의 스킬 옵션을 보여주는 스크린샷

    추가 프롬프트로 다듬기

    처음 결과가 마음에 들지 않나요? 같은 스레드에서 조정하거나, 병렬 스레드를 열어서 다른 방향을 시도해도 진행 상황은 그대로 남아요.

Figma는 제 손의 자연스러운 확장처럼 느껴져요. 캔버스에서 디자인 아이디어를 구상하면, 이제는 에이전트가 마지막 단계까지 완성해줘요. 디자인 라이브러리를 연결해두면 디자인에서 코드까지 이전보다 훨씬 빠르게 이동할 수 있어요.

Andy Madrick
Notion Product Designer

Notion 로고

Figma 에이전트로 시작해보세요

  • 에이전트 열기

    왼쪽 사이드 레일에서 에이전트를 선택하거나 CMD + Enter를 눌러요. 푸터가 들어갈 캔버스 위치에 프레임을 추가해요.

  • 푸터 설명하기

    무엇을 포함할지 에이전트에게 알려주세요 — 내비게이션 링크, 연락처 정보, 소셜 아이콘, 법적 문구 등이요. 실제 컴포넌트를 사용하도록 디자인 라이브러리를 연결해요.

  • 캔버스에서 확인하기

    생성된 푸터를 확인해요. 마음에 들지 않으면 같은 스레드에서 다듬거나, 병렬 스레드를 시작해서 다른 레이아웃 방향을 탐색해요.

  • 계속 다듬어가기

    푸터가 마음에 들 때까지 프롬프트를 반복하고, 필요하면 직접 다듬어요. 캔버스에서 모든 게 완전히 편집 가능한 상태로 남아요.

에이전트 전문가가 되어보세요

  • Figma 디자인 에이전트가 도착했어요

    Figma AI 에이전트가 실제로 작동하는 모습을 보고, 여러분의 워크플로에 어떻게 적용할 수 있는지 알아보세요.

    더 알아보기
  • Figma 에이전트 플레이그라운드 소개 화면, '시작하기' 버튼과 샘플 채팅 프롬프트: '안녕 Figma, 내 독서 앱을 위한 다양한 레이아웃을 만들어줄 수 있어?'Figma 에이전트 플레이그라운드 소개 화면, '시작하기' 버튼과 샘플 채팅 프롬프트: '안녕 Figma, 내 독서 앱을 위한 다양한 레이아웃을 만들어줄 수 있어?'

    Figma 에이전트와 함께 작업해요

    일괄 편집부터 피드백 반영까지, Figma 에이전트의 기능을 직접 체험해볼 수 있는 실습형 플레이그라운드예요. 단계별 안내가 내장되어 있어요.

    시작하기
  • 디자인 워크플로에서 Figma 에이전트를 활용하는 방법

    Figma 팀이 제공하는 단계별 튜토리얼로 디자인 워크플로에서 Figma 에이전트를 활용하는 방법을 배워보세요.

    지금 보기

FAQ

Figma Design에서 파일을 열고 왼쪽 사이드 레일의 에이전트를 선택해요. 어떤 링크, 섹션, 정보를 포함할지 포함해 필요한 푸터를 설명해요. 실제 컴포넌트를 사용하도록 디자인 라이브러리를 연결해요. 푸터가 캔버스에 바로 생성되고, 완전히 편집 가능하며 바로 다듬을 준비가 돼요.

잘 설계된 푸터에는 보통 주요 페이지로 연결되는 내비게이션 링크, 연락처 정보, 소셜 미디어 링크, 저작권이나 개인정보 보호 정책 같은 법적 문구, 그리고 때로는 뉴스레터 구독이나 회사 소개가 포함돼요. Figma 에이전트는 프롬프트에 따라 이 요소들을 어떤 조합으로든 생성할 수 있어요.

네. Figma 에이전트는 병렬 프롬프팅을 지원하니, 여러 푸터 레이아웃을 동시에 생성할 수 있어요 — 다른 배치, 링크 구조, 시각적 스타일 등이요. 캔버스에서 나란히 비교하고 가장 잘 맞는 방향을 선택하거나, 다른 버전의 요소를 조합할 수 있어요.

Figma 에이전트는 모든 Figma 유료 플랜에서 이용할 수 있어요. Figma Design의 왼쪽 사이드 레일에서 찾을 수 있어요. 현재 진행 중인 오픈 베타 기간에는 AI 크레딧을 소모하지 않으니, 지금이 바로 살펴보고 실험해보고 피드백을 공유하기 좋은 시점이에요.