Figma Sites는 Config 2025에서 오픈 베타로 출시되었습니다. 현재 모든 유료 요금제에서 사용할 수 있으며, 곧 스타터 요금제에서도 제한적으로 사용할 수 있게 될 예정입니다. 베타 버전에 포함된 내용을 자세히 알아보세요.
Figma Design과 Figma Sites 간에 개체를 자유롭게 복사하여 붙여넣을 수 있지만, 각 제품에서 다르게 작동하는 기능이 몇 가지 있습니다.
팁: 이 제품들의 차이점이 궁금하신가요? Figma Sites 및 Figma Design에서 사용할 수 있는 도구와 속성에 대해 자세히 알아보세요.
Figma Design에서 Figma Sites로 복사하기
표준 복사 및 붙여넣기 키보드 단축키를 사용하여 Figma Design과 Figma Sites 간에 디자인 에셋을 복사하고 붙여넣을 수 있습니다.
- 복사: Ctrl 또는 Cmd C
- 붙여넣기: Ctrl 또는 Cmd V
디자인의 너비가 1200픽셀에서 1600픽셀 사이이고 사용자가 파일 크리에이터인 경우, 새 Figma Sites 파일로 바로 전송할 수도 있습니다.
- 디자인이 포함된 Figma Design 파일을 엽니다.
- Figma Sites에 웹페이지로 추가할 프레임을 마우스로 우클릭합니다.
- Copy to Figma Sites(Figma Sites에 복사)를 선택합니다.
Figma는 디자인이 홈 페이지에 추가된 새 사이트 파일을 엽니다.
유의 사항
Figma Design에서 Figma Sites로 이동할 때 유의 사항은 다음과 같습니다.
|
기능 |
동작 |
|---|---|
|
주석은 사이트 파일에서 렌더링되지 않지만, 디자인을 나중에 Figma Design으로 복사하여 붙여넣으면 다시 나타납니다. |
|
|
각 요소의 위치는 Figma Design에서 설정된 속성을 기반으로 합니다.
|
|
|
대부분의 프로토타입 연결은 Figma Sites에서 해당 인터랙션으로 자동 변환됩니다. 지원되지 않는 인터랙션을 해결하는 방법을 알아보세요. |
Figma Sites에서 Figma Design으로 복사하기
위에서 언급한 표준 복사 및 붙여넣기 키보드 단축키를 사용하여, Figma Sites에서 Figma Design으로 디자인 에셋을 수동으로 복사하고 붙여넣을 수 있습니다.
팁: Figma Design에 콘텐츠를 붙여넣는 방법을 수정할 수 있는 여러 가지 방법이 있습니다. 예를 들어, 붙여넣어 바꾸기, 선택 영역 위에 붙여넣기 등이 있습니다.
유의 사항
Figma Sites에서 Figma Design으로 이동할 때 유의 사항은 다음과 같습니다.
| 기능 | 동작 |
|---|---|
|
접근성 속성은 디자인 파일에서 렌더링되지 않지만 나중에 디자인을 복사하여 Figma Sites에 다시 붙여넣으면 다시 나타납니다. |
|
|
Figma Design에서는 임베드가 지원되지 않으며 캔버스에 정적 이미지로 나타납니다. |
|
|
가능한 경우 인터랙션이 해당 프로토타입 연결로 자동 변환되지만, Figma Design에서는 많은 인터랙션이 지원되지 않습니다. |
|
|
외부 웹사이트 링크는 Figma Design에서 Open link(링크 열기) 프로토타입 액션으로 자동 변환됩니다. 사이트 내 다른 웹페이지로 연결되는 내부 링크는 Figma Design으로 복사되지 않습니다. |
|
|
각 요소의 위치는 Figma Sites에 설정된 속성을 기반으로 합니다.
|
|
|
각 웹페이지는 각 중단점에 맞는 프레임이 포함된 섹션으로 변환됩니다. |