Figma에서 컴포넌트를 되돌리는 방법

Figma에서 컴포넌트를 되돌리고 일반 프레임 또는 요소로 다시 전환하는 방법을 알아보세요. 빠른 디자인 조정을 위한 간단한 단계입니다.

AI로 멋진 제품 영상 & 문서를 제작하세요

이 튜토리얼은 Trupeer를 사용하여 5분 이내에 제작되었습니다.

무료로 만들기

다음은 단계별 설명입니다:

인스턴스 생성: 기본 구성요소를 선택한 다음 복제( Ctrl/Cmd + D 사용)하여 인스턴스를 만드세요. 
인스턴스 분리: 인스턴스를 마우스 오른쪽 버튼으로 클릭하고 "인스턴스 분리(Detach Instance)"를 선택하세요. 또는 인스턴스를 선택한 상태에서 오른쪽 사이드바의 "인스턴스 옵션(Instance Options)" 섹션에서 "Detach Instance" 옵션을 찾을 수도 있습니다. 키보드 단축키 Ctrl/Cmd + Alt + B를 사용할 수도 있습니다. 
원본 구성요소 삭제: 캔버스에서 원본 메인 구성요소를 삭제하세요. 

단계별 가이드: Figma에서 구성요소를 되돌리는 방법

1단계

Figma에서 되돌리려는 구성요소를 선택하는 것부터 시작하세요. 선택되어 강조 표시되었는지 확인합니다.

Begin by selecting the component you wish to undo within Figma. Make sure it is highlighted.

2단계

구성요소를 선택한 상태에서 오른쪽 메뉴로 이동하면 "추가 작업(More Actions)" 옵션을 찾을 수 있습니다. 클릭하세요.

With the component selected, navigate to the right-side menu where you will find the "More Actions" option. Proceed to click on it.

3단계

Figma에서 구성요소를 효과적으로 되돌리려면 "인스턴스 분리(Detach Instance)" 옵션을 선택하세요.

Choose the "Detach Instance" option to effectively undo the component in Figma.

4단계

이 단계를 따르면 Figma에서 구성요소를 성공적으로 되돌릴 수 있습니다. 이 가이드를 사용해 주셔서 감사합니다.

By following these steps, you can successfully undo a component in Figma. Thank you for using this guide.

Figma에서 구성요소를 되돌릴 때 유용한 팁

  1. 되돌리기 단축키 사용
    Ctrl + Z (Windows) 또는 Cmd + Z (Mac)를 눌러 구성요소 생성까지 포함해 마지막 작업을 빠르게 되돌리세요.

  2. 마우스 오른쪽 클릭 후 "인스턴스 분리(Detach Instance)"
    구성요소를 배치한 뒤 편집 가능한 레이어로 되돌리고 싶다면, 인스턴스를 마우스 오른쪽 버튼으로 클릭하고 Detach Instance를 선택하세요.

  3. 분리하기 전에 이름 변경
    구성요소를 분리한 뒤 편집할 계획이라면, 변경 사항을 쉽게 추적할 수 있도록 먼저 이름을 바꾸세요.

  4. 편집 전에 복제
    나중에 원본 구성요소가 필요할 수 있다면, 깔끔한 복사본을 유지하려고 분리하기 전에 복제하세요.

  5. 마스터 구성요소 위치 확인
    마스터 구성요소를 실수로 삭제하거나 변경했다면, Assets 패널에서 찾아 변경하기 전에 복원하세요.

자주 발생하는 실수와 이를 피하는 방법

  1. 실수로 마스터 구성요소 삭제
    마스터 구성요소를 제거하면 연결된 모든 인스턴스가 깨질 수 있습니다. 되돌릴 수 없는 변경을 하기 전에는 항상 복제하세요.

  2. "인스턴스 분리(Detach Instance)"를 되돌리기(Undo)와 혼동
    인스턴스 분리는 레이어의 성격을 바꾸는 반면, Undo는 최근 단계를 되돌립니다. 목표에 맞는 올바른 방법을 사용하세요.

  3. 마스터가 아닌 인스턴스 편집
    인스턴스에 적용한 변경 사항은 모든 구성요소에 업데이트되지 않습니다. 일관된 변경을 원한다면 메인 구성요소를 편집하세요.

  4. 분리 후 오버라이드(Overrides) 손실
    분리하면 해당 인스턴스의 텍스트 또는 스타일 오버라이드는 모두 사라집니다. 보존하려면 복사본을 저장하세요.

  5. 되돌리기 기록의 한계
    Figma의 되돌리기 기록은 세션 기반입니다. 파일을 닫으면 기록이 초기화되므로, 되돌려야 할 일이 있다면 빠르게 처리하세요.

Figma에서 컴포넌트를 되돌리는 방법에 대한 자주 묻는 질문

  1. 컴포넌트를 만들었던 작업을 어떻게 되돌리나요?
    만든 직후 Ctrl + Z (Windows) 또는 Cmd + Z (Mac)를 누르면, 개별 레이어로 되돌릴 수 있습니다.

  2. “Detach Instance”는 무엇을 하나요?
    인스턴스와 마스터 컴포넌트 간의 연결을 끊어, 완전히 독립적으로 편집할 수 있게 해줍니다.

  3. 삭제한 마스터 컴포넌트를 복원할 수 있나요?
    네, 파일의 버전 기록에 여전히 남아 있다면 가능합니다. File → Show Version History로 이동해 복구하세요.

  4. 분리하면 다른 인스턴스에 영향을 주나요?
    아니요. 분리는 선택한 인스턴스에만 영향을 주며, 마스터 컴포넌트나 다른 인스턴스에는 영향을 주지 않습니다.

  5. 분리된 인스턴스를 다시 연결할 수 있나요?
    아니요. 한 번 분리하면 자동으로 다시 연결할 수 없습니다. 새 컴포넌트 인스턴스로 교체해야 합니다.

  6. mac에서 화면 녹화하는 방법은? 
    Mac에서 화면 녹화하려면 Trupeer AI를 사용할 수 있습니다. 전체 화면을 캡처할 수 있으며, AI 아바타 추가, 음성 내레이션 추가, 영상에서 확대/축소 같은 AI 기능을 제공합니다. trupeer의 AI 비디오 번역 기능을 사용하면 영상을 30+개 언어로 번역할 수 있습니다. 

  7. 화면 녹화에 AI 아바타를 추가하는 방법은?
    화면 녹화에 AI 아바타를 추가하려면 AI 화면 녹화 도구를 사용해야 합니다. Trupeer AI는 AI 화면 녹화 도구로, 여러 아바타가 포함된 영상을 만들 수 있도록 도와주며, 영상용 본인 아바타를 만드는 데도 도움을 줍니다.

  8. windows에서 화면 녹화하는 방법은?
    Windows에서 화면 녹화하려면 기본 제공 Game Bar (Windows + G)를 사용하거나, AI 아바타, 음성 내레이션, 번역 등 더 고급 기능을 위한 Trupeer AI 같은 고급 AI 도구를 사용할 수 있습니다.

  9. 영상에 음성 내레이션을 추가하는 방법은?
    영상에 음성 내레이션을 추가하려면 trupeer ai 크롬 확장 프로그램을 다운로드하세요. 가입한 뒤, 음성이 포함된 영상을 업로드하고 trupeer에서 원하는 음성 내레이션을 선택한 다음, 편집한 영상을 내보내세요. 

  10. 화면 녹화에서 어떻게 확대하나요?
    화면 녹화 중 확대하려면 Trupeer AI의 확대 효과를 사용하세요. 특정 순간에 맞춰 화면을 확대/축소할 수 있어, 영상 콘텐츠의 시각적 임팩트를 높여줍니다.

추천 읽을거리

기술 문서 생성기

사용자 매뉴얼 가이드

지식 기반 소프트웨어

Figma에서 프레임 이름 숨기는 방법

Figma 파일 저장 방법

Figma에서 그리드 만드는 방법

Figma에서 그리드 만드는 방법

Figma에서 배경을 흐리게 하는 방법

영상 편집기, 번역가, 스크립트 작가가 필요하신가요?

Trupeer를 무료로 사용해 보세요

데모 예약

영상 편집기, 번역가, 스크립트 작가가 필요하신가요?

Trupeer를 무료로 사용해 보세요

데모 예약

영상 편집기, 번역가, 스크립트 작가가 필요하신가요?

Trupeer를 무료로 사용해 보세요

데모 예약

동영상부터 단계별 가이드까지 이 페이지의 모든 내용은 Trupeer AI를 통해 단 몇 분 만에 작성되었습니다.

동영상부터 단계별 가이드까지 이 페이지의 모든 내용은 Trupeer AI를 통해 단 몇 분 만에 작성되었습니다.

동영상부터 단계별 가이드까지 이 페이지의 모든 내용은 Trupeer AI를 통해 단 몇 분 만에 작성되었습니다.