Figma vs Sketch vs. Adobe XD : 더 나은 디자인 도구는 무엇입니까?

Figma vs Sketch vs. Adobe XD : 더 나은 디자인 도구는 무엇입니까?

Figma vs Sketch vs. Adobe XD : 더 나은 디자인 도구는 무엇입니까?
СОДЕРЖАНИЕ
02 июня 2020

Figma vs Sketch vs Adobe XD에 관심을 가져야하는 이유는 무엇입니까? 최근 몇 년 동안 UI 디자인 도구의 가용성이 크게 증가한 것을 부인할 수 없습니다. Sketch가 처음 나왔을 때 모든 디자이너의 작업 과정이 완전히 바뀌 었습니다. 최초 출시 후 불과 2 년, Sketch는 Apple의 Design Award를 수상했습니다.


그러나 Sketch가 디자이너가주의를 기울이는 유일한 응용 프로그램은 아닙니다. Adobe XD뿐만 아니라 Figma는 기능의 규모와 글로벌 시장 점유율 모두에서 빠르게 따라 잡고 있습니다..

그들의 연간 디자인 보고서, Avocode는 Sketch가 추가 된 모든 디자인의 56 %를 구성했으며 Figma와 Adobe XD는 나머지 백분율을 공유 함을 발견했습니다..

Sketch의 경우 가장 큰 병목 현상은 Mac 전용 소프트웨어 접근 방식 인 것 같습니다. Figma 및 Adobe XD는 Windows 및 Linux 시스템에서도 사용할 수있는 반면.

또한 대부분의 디자이너는 비용 요소를 고려합니다. 이 부서에는 많은 경쟁이 벌어지고 있습니다.

피그 마 vs 스케치 vs Adobe XD

Figma vs Sketch vs Adobe XD가 서로 비교되는 방식을 자세히 살펴보고 1 위 문제를 먼저 해결해 보겠습니다.

Figma vs Sketch vs Adobe XD의 가격

무료 UI 디자인 도구가 유료 대안과 경쟁 할 수 있습니까? 이 포괄적 인 검토에서 볼 수 있듯이, 가능합니다. 피그 마와 어도비는 프리미엄 비즈니스 모델의 접근 방식을 취해 큰 시간을 보냈습니다.

  • 스케치 처음 구매시 99 달러를 환불 해드립니다. 이후에 기존 고객 프로그램을 사용하여 연간 $ 69로 갱신 할 수 있습니다. 이러한 라이센스에는 1 년 동안의 업데이트 및 1 년간 Sketch Cloud에 대한 액세스 권한이 포함됩니다. 학생과 교육 기관은 50 % 할인 혜택을 누릴 수 있습니다.
  • 피그 마 독립 디자이너 인 경우 무료로 액세스 할 수 있습니다. 스타터 플랜은 세 개의 프로젝트와 무제한 스토리지를 허용합니다. 팀의 경우 Professional 요금제는 한 달에 $ 12부터 시작하여 모든 기능과 추가 기능에 무제한으로 액세스 할 수 있습니다..
  • 어도비 XD 무료 스타터 플랜이 제공됩니다. 따라서이 도구는 개인의 관련 비용없이 사용할 수 있습니다. 디자인 팀은 매월 23 달러로 Adobe XD 환경을 최대한 활용할 수 있습니다..

Figma vs Sketch vs Adobe XD의 플랫폼 지원

세 가지 도구는 모두 플랫폼 지원에 차이가 있습니다. 또한 각 도구의 사용자 수에 크게 기여하고 있습니다. 다음은 각 도구를 사용할 수있는 특정 운영 체제에 대한 요약입니다..

  • 스케치. Mac (OS X) 사용자 만 사용할 수 있습니다. 예외 없음.
  • 피그 마. 브라우저 기반! 오프라인 지원없이 Mac 및 Windows 용 데스크탑 앱. 브라우저의 Linux 시스템에서 사용할 수 있습니다!
  • 어도비 XD. Mac 및 Windows 시스템 지원.

Figma vs Sketch vs Adobe XD에는 흥미로운 가격대와 접근 방식이 있습니다. 한 가지가 다른 것보다 우월한 여러 가지 이유가 있습니다.

강력한 설정이 있다면 기술적으로 이러한 도구를 실행할 수 있습니다. 가상 기기 환경. 예 : Mac 사용자는 다음을 사용하여 Apple 장치에 Windows를 설치할 수 있습니다. 부트 캠프 앱.

좋구나. 이제 우리는 모든 작은 세부 사항을 벗어났습니다., 이러한 각 UI 디자인 도구가 특별한 이유를 자세히 살펴 보겠습니다.

스케치: 직관적 & 빠른

스케치

디자이너가 Sketch를 좋아하는 많은 이유 중 하나는 명확하고 강력한 사용자 인터페이스가 아닙니다..

모회사 인 보헤미안 코딩 (Bohemian Coding)도이 도구에 대한 새롭고 혁신적인 업데이트를 신속하게 제공하고 있습니다. 작년에만 19 개의 주목할만한 업데이트가있었습니다. 이러한 종류의 개발 속도는 확실히 스케치 관련 비용을 고르게하는 데 도움이됩니다..

그러나 여전히 이것이 스케치를 사랑하는 유일한 이유는 아닙니다. 이 도구는 악명 높은 것으로 유명합니다 플러그인 기능. 그것을 같은 생각 패키지 관리자 Sublime Text의 경우 개발 시간을 개선 할뿐만 아니라 더 나은 코드를 작성하는 데 도움이되는 패키지를 찾을 수 있습니다. 음, Sketch의 경우 더 빠르고 더 나은 디자인을 도와주는 플러그인입니다.

Sketch vs Figma 떠오르는 플러그인 시스템

그리드와 관련하여 플러그인을 찾거나 다음과 같은 플러그인을 사용할 수 있습니다 게으른 보드. Lazyboard를 사용하면 단일 대지 내에 여러 스케치 레이어를 래핑 할 수 있으므로 사용자 정의 및 기타 배치 작업에서 시간을 절약 할 수 있습니다.

랩 보드GIF 소스 : 깃 허브

최신 릴리스 중 하나에서스케치 55) – 회사는 복사와 같은 기능을 도입했습니다 & SVG 코드, 스마트 배포 및 그리드 기반 레이아웃간에 항목이 스냅되는 방식에 대한 조정 붙여 넣기.

이 SVG 코드 (세면이있는 다각형)가 있다고 가정 해 보겠습니다.

일반적으로이 파일을 .svg 문서로 저장 한 다음 스케치 내에로드하여 렌더링해야합니다. 새 버전에서는이 SVG 코드 스 니펫을 복사하여 붙여 넣기 만하면 새 레이어로 자동 렌더링됩니다..

SVG 복사 붙여 넣기 스케치

Sketch 전체에서 더 많은 생산성 지향 보석을 찾을 수 있습니다..

개발자에게 사양 전달

우리는 디자이너가 개발자를 위해 모든 기능을 갖춘 사양으로 전체 디자인을 내보낼 수있는 UI 디자인에 주목하고 있습니다. 이 기능은 Sketch의 기본 기능으로 사용할 수 없지만 타사 앱 및 플러그인이 있습니다. 즉, 제플린 사양 핸드 오프를 매우 간단하고 쉽게 만들기 위해 만들어졌습니다. 또한 매우 정확하게.

제플린 사양 핸드 오프

그러나 Sketch에 직접 통합 된 것을 원한다면 어떻게해야합니까? 이를 위해 스케치 측정 플러그인. 이를 통해 개발자를위한 실시간 사양을 만들 수있는 완벽한 기능을 제공합니다.

스케치 측정 사양 핸드 오프

이 예제에서 플러그인은 매우 정확한 요소 정보를 제공함을 알 수 있습니다. 글꼴 모음, 위치 지정 및 개발자가 즉시 사용할 수있는 적절한 CSS 코드 포함.

UI 디자인 도구가 기능적으로 완전한 디자인을 가져올 수있는 시점에 도달 한 것 같습니다..

스케치는 거대한 자원 라이브러리를 제공합니다

Sketch가 새롭고 노련한 설계자에게 매력적인 이유 중 하나는 무료 디자인 리소스의 막대한 가용성 때문입니다.

스케치 대 Adobe XD 리소스

그것의 선적 서류 비치 페이지에서 Sketch는이 소프트웨어를 쉽게 배울 수 있도록 수백 가지 섹션을 나열했습니다. 그러나 그 위에는 다음과 같은 사이트도 있습니다. 앱 리소스 스케치, 과 스케치 레포, 그리고 많은 다른 사람들. 본질적으로 이것들은 "오픈 소스" 모든 사람이 다운로드 할 수 있도록 디자이너가 최종 디자인을 제출할 수있는 사이트.

이렇게하면 프로젝트를 처음부터 시작할 필요가 없습니다. 또한 디자인으로 특정 결과를 얻는 방법에 대한 정보가 부족할 수 있습니다.

Repo 무료 리소스 스케치

이를 위해 스케치 리소스 사이트를 참조하여 원하는 정확한 솔루션을 찾을 수 있습니다. 아, 네, 라이센스가 없습니다!

Sketch에는 세계 최고의 UI 디자인 도구 중 하나가되는 훨씬 더 많은 도구가 있습니다. 그러나 비교 검토를 할 때 Figma 및 Adobe XD와 같은 도구가 군중에서 눈에 띄는 기능을 살펴 보겠습니다..

피그 마: 브라우저 기반 & 건장한!

피그 마

피그 마는 2015 년에 무대에 올랐다 $ 1400의 초기 자금으로.

완벽한 사용자 인터페이스와 세련된 기능 팔레트를 갖춘이 도구는 해당 분야의 유사한 솔루션과 악명 높은 경쟁자가되었습니다..

Twitter, Microsoft, GitHub 및 Dropbox와 같은 브랜드의 디자이너는 Figma가 최고의 UI 디자인 도구로 맹세합니다..

그렇다면 Figma는 로드맵에서 그렇게 일찍 성공을 거둔 무료 계획을 제공하기 때문입니까? 확실히.

이 도구는 하나의 UI에 통합 된 여러 솔루션을 제공합니다.

  • UI & UX 디자인
  • 프로토 타이핑
  • 그래픽 디자인
  • 와이어 프레임
  • 템플릿

그리고 그것은 브라우저와 브라우저 내에서 그렇게합니다. 데스크탑 기반 애플리케이션. Figma가 브라우저 용으로 구축되었다는 사실은 Linux 사용자가 Unix 기반 시스템에서도 Figma를 사용할 수 있음을 의미합니다. 대규모 플러스!

디자인 프로세스에도 많은 시간을 투자 할 필요가 없습니다. 피그 마는 이것을 통해 템플릿 헌금. 이들은 와이어 프레임, 플로우 차트, 다이어그램, 스토리 맵 및 사용자를 위해 사전에 제작 된 전체 웹 사이트 템플릿입니다..

Figma 무료 템플릿

여기에는 기성품 SaaS 웹 사이트 템플릿이 있으며 원하는대로 즉시 편집하고 최적화 할 수 있습니다. 이러한 템플릿 (레이어, 그룹 등)을 나중에 쉽게 가져 오기 위해 저장할 수 있습니다..

Figma, 하드 드라이브의 여유 공간 확보

Figma의 좋은 점은 컴퓨터에 아무 것도 저장할 필요가 없다는 것입니다. 모든 파일은 클라우드에 저장되며 어디서나 액세스 할 수 있습니다. Sketch 또는 Adobe XD 사용자는 50GB 이상의 디자인 파일 폴더에 익숙 함. 이것은 더 이상 Figma의 경우가 아닙니다.

피그 마 대 스케치 파일 관리 비교

여기에 표시된 것처럼 파일은 5 개월 전부터 계속 액세스 할 수 있습니다. 다른 디자인에서 필요한 가장 작은 요소에 관계없이 몇 초 만에 액세스하여 현재 프로젝트에서 사용할 수 있습니다.

실시간 협업

Figma의 가장 유명한 기능은 협업 도구 일 것입니다. 여러 사람과 함께 일하는 핵심은 협업입니다. 예전의 Photoshop 시대에는 같은 페이지에 들어가기 위해 동료에게 끝없이 수정본을 보내야했습니다. Figma를 통해 협업은 강력하고 즉각적입니다!

피그 마 협업 툴

Figma가 실시간 협업 작업을 해결하는 방법은 다음과 같습니다.

  • 댓글 달기. 인터페이스를 사용하여 댓글 탭을 선택하고 즉시 다른 사람에게 귀하의 댓글에 대한 링크를 보내십시오. 댓글을 달고있는 영역에 마커를 정확하게 남겨 둘 수 있습니다..
  • 여러 사람들이 편집. 여러 사람과 함께 파일을 편집하고 실시간으로 작업을 볼 수 있습니다. 기능을 직접 작업 할 때마다 여러 사람이 편집 할 수 없도록 할 수도 있습니다.
  • 카피 라이팅. 별도의 카피라이터 또는 컨텐츠 편집기가있는 경우 작업과 함께 사본을 실시간으로 쓸 수있는 액세스 권한을 부여 할 수 있습니다..
  • 플랫폼 다양성. Figma는 브라우저에서 작동하기 때문에 동료는 Mac 시스템을 사용하든 Linux 또는 Windows 시스템을 사용하든 참여할 수 있습니다. 진정한 자유 구현!

Figma는 대부분 실시간 협업을위한 신뢰할 수있는 대안으로 여겨지기에는 Sketch와 Adobe의 XD를 너무 많이 남겨 둡니다..

브라우저 기반 UI를 사용하면 개별적으로 준비 할 필요없이 원활한 협업이 가능합니다. 가까운 시일 내에 다른 툴에도 비슷한 기능이 도입 될 것으로 예상됩니다!

어도비 XD: 완벽한 UI & UX 디자인

어도비 XD

Adobe는 종종 무료 가격표와 관련이 없습니다. 이 회사는 프리미엄 가격으로 세계적 수준의 제품을 제공하는 것으로 유명합니다.

그러나 Adobe조차도 전세계 디자이너의 막대한 시장 점유율을 잃지 않기 위해 무언가를해야한다는 것을 알고 있습니다. 그들의 대답은 Adobe XD를 무료 UI 디자인 도구로 만드는 것입니다..

마찬가지로 새로운 기능 추가 외에, 어도비는 계속 바쁘다 XD를 가능한 플러그 형으로 만들 수 있습니다. 결국 플러그인은 최상의 결과를 더 빨리 달성 할 수있게 해줍니다..

Adobe XD 플러그인사진 출처 : 어도비 벽돌

많은 기존 Sketch 플러그인이 이미 XD로 포팅되었지만 독립적 인 도구로 XD는 Trello, Google Sheets, Airtable 및 기타 여러 유명 서비스와의 통합도 제공합니다..

손쉬운 설계 및 프로토 타입

XD에 대한 Adobe의 초점은 일을 쉽고 직관적으로 만드는 것 같습니다. 새 프로젝트 생성에서 프로토 타입 관리에 이르기까지 대부분의 기능은 클릭 한 번으로 가능합니다..

Adobe XD를 사용한 프로토 타입 및 디자인

프로젝트 유형 (Web / Phone / Tablet)을 선택하면 즉시 디자인 작업을 시작할 수 있습니다. 프로젝트의 자산은 팀의 다른 XD 사용자가 미리로드하거나 공유 할 수 있습니다.

Adobe XD 에셋

또한 팀이 작업중인 기존 디자인 사양을 쉽게 유지할 수 있습니다. 파일을 찾는 데 더 적은 시간을 보내고 더 많은 시간을 설계하십시오!

Adobe XD의 공동 작업 기능은 공정합니다

공동 작업 할 때 Adobe는 클라우드 문서를 공동 작업하거나 PC에서 문서를 업로드하는 두 가지 선택 사항을 제공합니다. 전자 옵션은 협업을 더 빠르게 만듭니다. 새로운 사람들을 초대하는 것도 매우 쉽습니다.

Adobe XD 협업 기능

도구의 오른쪽 상단에 공유 버튼이 있습니다. 여기에 XD 디자인을 공유하는 몇 가지 방법이 있습니다..

옵션은 다음과 같습니다.

  • 편집하도록 초대
  • 검토를 위해 공유
  • 개발을위한 공유
  • 비디오 녹화

따라서 돌이켜 보면 이러한 옵션은보다 부드러운 디자인 워크 플로우에 맞게 조정 된 것입니다. XD는 사용중인 사양을 자동으로 이해하여 개발자에게 보낼 수 있습니다. 또한 제작중인 물건의 특정 기능을 보여주는 비디오를 녹화 할 수 있습니다. 후자는 주로 원격 환경에서 일하는 팀에 유용합니다..

Adobe의 광범위한 리소스 네트워크에 액세스

Adobe는 Photoshop, Illustrator뿐만 아니라 Behance, Spark, Adobe Fonts 및 Adobe Stock과 같은 대히트의 브랜드입니다. 이 사이트는 모두 Adobe XD에서 직접 사용할 수있는 리소스 기반 사이트입니다..

그래서, 당신이 가지고 있다고 가정 해 봅시다 어도비 글꼴 구독이 활성화되면 사용 가능한 모든 글꼴을 XD 대시 보드와 간단히 동기화 할 수 있습니다. 그러면 손바닥에서 수천 가지의 흥미롭고 독특하며 디자인을 정의하는 서체에 액세스 할 수 있습니다..

Adobe XD는 Adobe Creative Cloud를 제공합니다

평결 : 피그 마 대 스케치 대 어도비 XD

이제 Figma vs Sketch vs Adobe XD 검토를 마치겠습니다..

세 가지 도구 모두 현대적인 디자이너 요구에 매우 적합합니다. 스케치는 Mac 사용자 만 사용할 수 있기 때문에 여기서 큰 손실을 입었다 고 말하고 싶습니다. 따라서 Figma 및 Adobe XD와 같은 도구를 기본 필수 요소 이상으로 혁신 할 수 있습니다..

하루가 끝날 때 도구가 다른 도구보다 나은 작업을 수행하는 경우 종종 전환해야 할 충분한 이유가 있습니다. Figma가 취한 브라우저 기반 접근 방식도 주목할 만하다. 저의 디자이너 친구 서클에서는 항상 최고의 찬사를받는 피그 마입니다.

그리고 Adobe XD와 관련하여 – 지금 Adobe가 좋은 위치에 있다고 생각합니다. 도구를 개선하고 새로운 기능을 추가 할 수있는 유연성이 많이 있습니다. 그럼에도 불구하고 타사의 통합 기능도 눈에 띄게 변하기 때문에 끊임없이 변화하거나 조정하려는 팀에게 적합한 선택입니다..

우리가이 세 가지를 실제로 평가해야한다면 다음과 같아야합니다.

  1. 피그 마 ��
  2. 스케치 ��
  3. 어도비 XD ��

세 가지 도구를 모두 무료로 사용하거나 시험판으로 사용할 수 있으므로 완벽한 도구를 찾는 데 방해가되지 않습니다. 각 작업을 개별적으로 수행 한 후에는 워크 플로가 도구마다 다르게 느껴진다는 사실과 관련이 있습니다..

WordPress 사이트 속도를 높이기위한 충돌 과정에 참여하는 것을 잊지 마십시오. 몇 가지 간단한 수정으로로드 시간을 50-80 % 줄일 수 있습니다.

Karol K의 레이아웃, 프리젠 테이션 및 편집.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector