XD에서 Figma로 디자인 이동-쉬울까요?

파일을 XD에서 Figma로 변환하는 방법에 대한 가이드입니다.

나는 최근에 UX 디자인 소프트웨어의 상태와 그것이 얼마나 최근에 왔는지 고민하고있었습니다.

저는 원래 한 기사에서 인기있는 디자인 도구 간의 변환에 대해 쓰고 싶었지만 그 과정에서 흥미로운 것을 발견했습니다.

이전에 Sketch 파일을 XD (XD 자체를 통해)로 변환하고 Sketch를 Figma로 변환 한 적이 있으므로 이것이 가능하다는 것을 알았습니다.

하지만 XD 파일을 Figma로 변환하는 실제 경험이 없었습니다.

그래서 모든 호기심 많은 사람들과 마찬가지로 저는 Figma에서 XD 파일을 여는 것에 대해 더 깊이 들어가서 글을 쓰기로 결정했습니다.

직접 변환이 가능합니까?

실제로 사용할 수있는 정보가 많지 않았습니다. 대부분 Reddit 및 Adobe 포럼에서 그러한 일이 가능해야한다고 불평하는 사람들 만있었습니다.

내 연구의 가장 큰 반응은 네이티브 변환이 불가능하다는 것이었지만 다른 방법이 있어야했습니다.

분명히 XD 자체를 통해이를 지원하는 것은 Adobe의 최선의 이익이 아닙니다.

그들이 그렇게한다면 그것은 Figma에 대한 사용자의 거대한 이탈을 의미 할 것입니다.

즉, 그들은 그러한 기능을 결코 지원하지 않을 것입니다.

파일을 Figma로 변환하는 이유는 무엇입니까?

Figma를 시작하는 데는 여러 가지 이유가 있으므로 주요 이점부터 시작하겠습니다.

  • 실시간 협업 — 여러 디자이너 / 이해 관계자가 동시에 파일 작업을 할 수 있습니다.
  • 브라우저 기반 — 모든 운영 체제에서 사용할 수 있습니다. 이것은 개인적으로 PC를 사용하기 때문에 Figma에서 가장 좋아하는 측면 중 하나입니다 (저를 싫어하지 마십시오).
  • 대부분 무료 — 누구나 액세스 할 수 있습니다.
  • 올인원 패키지 — 개발자 핸드 오프를위한 설계, 프로토 타이핑 및 설계 사양을 포함합니다.

모든 것이 온라인이기 때문에 더 나은 개요를 가질 수도 있습니다. 예를 들어 Adobe XD 에서처럼 아무것도 게시하거나 다른 인터페이스로 이동할 필요없이 파일 자체 내에서 피드백을 제공 할 수도 있습니다.

Figma는 훌륭한 도구이며 의심 할 여지가 없습니다.

이제 변환 옵션을 살펴 보겠습니다.

XD를 Figma로 변환하는 솔루션

빠른 Google 검색 후 이러한 종류의 변환에 대한 옵션이 실제로 매우 제한적이라는 것을 깨달았지만 두 가지 옵션이 남아 있습니다.

옵션은 다음과 같습니다.

  • SVG
  • XD2Sketch.com

다음과 같은 원본 아트 보드로 두 옵션을 테스트하기 위해 모의 XD 파일을 만들었습니다.

구성 요소, 버튼, 텍스트 및 그림을 사용하여 각 솔루션에서 사물이 어떻게 번역되는지 확인했습니다. 또한 클릭 상호 작용으로 동일한 아트 보드를 만들어 모든 것이 포함되도록했습니다.

SVG

먼저 SVG 변환 방법이 있습니다.

XD에서 아트 보드를 복사하여 Figma에 직접 붙여 넣을 수 있습니다.

SVG를 Figma에 붙여 넣기

XD에서 SVG로 내 보내서 Figma에 붙여 넣을 수도 있습니다.

결과를 살펴 보겠습니다.

분명히 이것은 우리의 원본처럼 보이지 않고 몇 가지가 잘못 되었기 때문에 이상적이지 않습니다.

이것과 원본의 차이점을 알 수 있습니까?

나쁜

  • PNG 또는 JPG와 같은 비 벡터 형식은 변환되지 않습니다.
  • 파일을 다시 완성하려면 항목을 추가해야합니다 (특히 이미지를 사용하는 경우).
  • 많은 단점 즉, 텍스트 상자 크기가 존중되지 않습니다.
  • 프로토 타이핑 기능은 이전되지 않습니다.
  • 대지의 배경이 벡터 모양으로 변환되어 제 경우에는 너무 넓습니다.
  • 기호 / 구성 요소는 지원되지 않습니다.
  • 아트 보드는 이름을 유지하지 않습니다.
  • 모든 종류의 복잡한 파일에 대해 실행 가능한 옵션이 되기에는 너무 많은 재 작업
  • 실제 벡터 요소를 Figma에 비교적 빠르게 붙여 넣기
  • 텍스트와 벡터 요소 만 있고 파일에 다른 요소가없는 경우 좋습니다. 이것은 드문 사용 사례처럼 보입니다.

다음은 XD 2 Sketch 라는 멋진 작은 도구 로 실제로 전체 파일을 변환했습니다.

변환기를 사용하려면 먼저 XD 파일을 Sketch로 변환해야했습니다. (2020 년 6 월 20 일 업데이트 : 이제 XD 2 Sketch 직원이 XD에서 Figma로 변환 하는 완전한 기능을 시작한 것 같습니다. 다음 기사에서이를 테스트 할 것입니다)

작은 실험 비용을 지불 한 후 문서를 Sketch 파일로 다운로드 할 수있었습니다.

그런 다음 Figma 메뉴에서 아래 기능을 사용하여 파일을 Figma로 가져올 수 있습니다.

업로드가 꽤 빨리 완료되었습니다.

이제 어떻게되었는지 보겠습니다.

Figma에서 자세히 살펴보면 모든 것이 매우 좋아 보였고 파일은 꽤 깨끗해 보였습니다.

좋은

  • SVG에 비해 변환 프로세스에서 많은 시간을 절약 할 수 있습니다 (재 작업 포함).
  • 일부 기호를 제외하고 모든 것이 변환되었습니다.
  • 파일 재 작업이 거의 없습니다.
  • 아트 보드는 원래 이름을 유지하므로 이름을 바꾸거나 재구성 할 필요가 없습니다.
  • 제품은 무료가 아닙니다 (가격은 여기 에서 찾을 수 있습니다 ). 솔직히 말해서 이것이 나쁜 일인지, 특히 그것이 의미하는 바를 수행 할 때 나는 확신하지 못합니다.
  • 아직 기호 또는 구성 요소에 대한 제한된 지원 (지원팀에 문의했으며 향후 몇 주 내에 추가 될 것이라고 말했습니다)
  • 프로토 타이핑 기능은 유지되지 않지만 플랫폼간에 복제하기가 다소 어렵다고 생각합니다.

이제 나란히 살펴 보겠습니다.

보시다시피 XD2Sketch라는 확실한 승자가 있습니다.

최소한의 재 작업으로 모든 것이 보존되었습니다.

할 말이 많지 않습니다. 사실 후에는 거의 작업을하지 않고해야 할 일을합니다. 물론 기호에 사소한 문제가 있었지만 앞으로 몇 주 안에 XD2Sketch의 고객 서비스로 다시 확인하면 게시물을 업데이트하겠습니다.

그때까지 행복한 전환!

여러분 모두를위한 마지막 질문 — 오늘날 디자인 도구에서 누락 된 훌륭한 기능은 무엇입니까?

궁금한 점이 있으시다면 여기 제 웹 사이트 sebastian-tan.com이 있습니다.

Suggested posts

UX 산업에서 길을 찾는 방법

부트 캠프는 당신이 찾는 지름길이 아닙니다.

UX 산업에서 길을 찾는 방법

모든 사람은 UX 산업에 대해 다른 길을 택합니다. 사용할 수있는 디자인 자격의 양이 있더라도 내가 말한 대부분의 디자이너는 자격이 없습니다.

2021 UI / UX 디자인 트렌드 — 올해 핫한 내용 요약

2021 UI / UX 디자인 트렌드 — 올해 핫한 내용 요약

2021 년이 시점에서 우리는 인터넷을 통해 몇 가지 주요 디자인 트렌드가 등장하기 시작했습니다. 지속적으로 진화하는 UI / UX 분야에서는 훌륭한 디자이너가 항상 멋지게 보일뿐만 아니라 오늘날의 디자인 문헌과 관련된 디자인을 만들기 위해 최신의 가장 큰 트렌드를 파악해야합니다.

Related posts

정보 디자인 : 디자이너가 데이터를 개선하는 방법

정보 디자인 : 디자이너가 데이터를 개선하는 방법

정보 디자인은 시각적 도구를 사용하여 복잡한 데이터를 변환하는 분야로, 데이터 시각화에 대해 들어 보셨을 것입니다.

성격 테스트를 통과하는 방법

성격 테스트를 통과하는 방법

2019 년 1 월에 제가 디자인 테스트에 성공하는 방법을 게시 한 지 1 년이 지났습니다. 여기서 저는 채용 과정에서 사용되는 집으로 가져가는 (디자인) 과제가 실제로 무엇인지 보여야한다고 주장했습니다. 회사와 구직자 간의 형평성을 건강하게 왜곡하는 무급 작업입니다.

경력을 프로그래밍으로 전환

경력을 프로그래밍으로 전환

지금하고있는 일의 제목이 앞으로 할 일을 결정하지 않습니다. 요즘에는 직업, 특히 프로그래밍으로 전환 할 수 있습니다.

초보자를위한 그래픽 디자인 배우는 방법

항상 프로젝트를 정렬하십시오

초보자를위한 그래픽 디자인 배우는 방법

저는 교사 노조의 자랑스러운 일원으로서 제가 가장 잘하는 일 중 하나 인 글쓰기와 편집으로 자유 시간에 노조를 돕고 싶었습니다. 나는 뉴스 레터를 돕기 위해 자원했고, 노조의 부회장이 뉴스 레터 작업을하도록 저를 모집하고 그렇게했을 때 급여를 받았습니다.