나는 최근에 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에 직접 붙여 넣을 수 있습니다.

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이 있습니다.