UI 및 UX 디자이너를 위한 6가지 Figma 대안

Adobe가 Figma를 인수했다는 소식이 이제 화제가 되었습니다. Twitter와 Slack 채널에 넘쳐나는 밈의 양은 상당했습니다. 모든 사람을 대변할 수는 없지만 상당수의 디자이너가 이 소식을 편안하게 받아들이지 못할 것이라고 생각합니다.

무엇보다도 현재로서는 Figma가 독립(Creative Cloud와 별개) 회사로 남을 것입니다. CEO인 Dylan Field의 발표에서 그렇게 말했습니다. 향후 계획에 대한 보다 구체적인 정보가 제공되면 이에 따라 이 기사가 업데이트됩니다.

2022년 9월 16일 – Figma는 인수에 대해 논의하기 위해 Twitter Spaces를 만들었으며 Ashish는 언급/토론된 모든 내용을 요약했습니다.

다른 하나는 Figma가 무료 플랜과 커뮤니티 허브 모두에서 진정한 경쟁자가 없다는 것입니다. 소규모 디자이너이거나 블로거라면 무료 계획과 프로 계획의 차이점을 구분할 수 없습니다. 그게 얼마나 좋은지.

경쟁자는 채워야 할 충분한 신발을 얻었습니다.

Figma가 12가지 사용 사례가 있는 크로스 플랫폼, 협업 우선 설계 및 프로토타입 도구라는 것만은 아닙니다. 6년이라는 짧은 기간 동안 Figma는 디자인 도구에서 세계적인 수준의 사용자 인터페이스를 만드는 방법에 대한 디자인 리소스, 도구 및 가이드의 진원지로 성장했습니다.

Sketch, InVision, Adobe XD 또는 기타 대체 플랫폼 사용자인 경우 Figma의 리소스가 훌륭하기 때문에 Figma는 여전히 일상적인 디자인 워크플로의 일부일 수 있습니다. 그리고 이것은 실제 Figma 사용자를 위해 10배로 증폭됩니다. 템플릿에서 UI 키트, 텍스처 및 패턴, 디자인을 훨씬 더 즐겁게 만들어주는 매우 풍부한 플러그인 저장소에 이르기까지.

Adobe가 Figma를 인수한 것에 대해 사람들이 화를 내는 것보다 커뮤니티에서 선별한 리소스에 대한 액세스 권한을 잃을 수 있다는 두려움이 있다는 것은 공정한 평가라고 생각합니다. 커뮤니티 측면을 통합하는 것은 유료 디자인 도구이든 무료 디자인 도구이든 상관없이 유익할 수 있습니다. Adobe가 Figma의 플러그를 뽑고 Creative Cloud에 넣는 날이 오면 더욱 그렇습니다.

UI 및 UX 디자이너를 위한 Figma 대안

인간은 믿을 수 없을 정도로 적응력이 뛰어난 생물이므로 Figma를 훌륭한 플랫폼으로 만드는 많은 요소를 살펴보겠습니다. 대신, 다른 디자인/프로토타이핑 도구가 확실한 대안이 되는 이유를 살펴보겠습니다.

1. 펜팟

Penpot은 2021년부터 작업 중이며(이 아이디어는 2018년까지 거슬러 올라갑니다) 디자인, 협업 및 프로토타이핑을 위한 오픈 소스 소프트웨어로 구축되고 있습니다. 크로스 플랫폼(브라우저 기반)이며 Elestio 또는 Docker를 사용하여 Penpot을 자체 호스팅할 수 있습니다.

프로젝트 자체는 아직 베타 단계 이며 한동안 그 상태를 유지할 것이라고 생각합니다. 그럼에도 불구하고 Penpot이 구축되고 있는 주요 기능은 무엇입니까?

• 디자인 – 디자인 프로젝트를 만들고 관리하기 위한 구성 요소 중심 인터페이스입니다.
• 프로토타이핑 – 대화형 UX 미리 보기를 만들고 디자인 흐름을 테스트합니다.
• 협업 – 피드백 및 의견을 지원하는 실시간 팀 협업.
• 피드백 – 특정 요소에 대한 의견을 작성하고 팀과 공유합니다.
• 리소스 – 커뮤니티에서 선별한 라이브러리 및 템플릿.

따라서 Penpot은 무료를 포함하여 Figma가 제공하는 것과 매우 일치합니다. Penpot의 인터페이스는 Figma와 다른 유사한 도구 사이에 많은 유사점이 있습니다.

가지고 놀다 보면 확실히 Figma에서와 같이 빠르게 느껴지지 않는 것들을 생각해낼 수 있을 것입니다. 이미지를 복사하여 붙여넣는 것이 가능하지만 자산 구조 자체가 Figma의 선형에 비해 익숙해지는 데 몇 분 정도 걸릴 수 있습니다.

Penpot에 없는 한 가지는 Auto Layout이지만 이 트윗에서 작동하는 것으로 확인되었으며 곧 도착할 것입니다. 그리고 .fig 파일을 Penpot에 업로드할 수 있도록 하는 작업이 진행 중입니다. 이것은 Auto Layout이 추가된 후에 오는 것 같습니다.

DesignCourse의 Gary Simon은 최근 Penpot에 대한 튜토리얼을 작성했으며 여기에서 30분 분량의 소개 비디오를 볼 수 있습니다. 이 튜토리얼은 포트폴리오에 대한 간단한 랜딩 페이지 디자인을 기반으로 하며, 이 개발 단계에서 Penpot이 무엇을 할 수 있는지에 대한 좋은 개요 역할을 합니다.

2. 스케치

나는 Sketch의 팀이 이 소식에 기뻐할 것이라고 확신합니다. Figma와 Sketch는 시장에서 최고의 UI/UX 디자인 도구이며 상당한 차이가 있습니다. Sketch의 유일한 문제는 다른 시스템으로 확장할 계획이라는 소문이 있었지만 macOS 뒤에 잠겨 있다는 것입니다(웹 앱은 프로토타입 공유 및 피드백으로만 제한됨).

저는 여기 앉아서 Figma와 Sketch의 다양한 비교에 대해 논의하고 싶지만, 그들은 이미 저를 위해 그렇게 했습니다. 이 페이지는 Sketch를 처음 사용하거나 이전 경험이 있고 Sketch가 Figma와 비교되는 방식에 대한 복습이 필요한 모든 사람을 위한 것입니다.

커뮤니티 참여와 관련하여 Sketch는 확실히 최고입니다. 수십 개의 활성 Sketch 무료 웹 사이트가 있으며 Sketch에는 확장 및 통합과 같은 플러그인 시스템이 있습니다. 그들은 또한 디자인 기본에 대한 소개 역할을 하는 환상적인 무료 과정을 제공하지만 더 중요한 것은 Sketch의 인터페이스와 기능입니다.

가격에 관해서는 Sketch는 30일 무료 평가판을 제공하며 프리미엄 플랜은 연간 99달러로 고정되어 있습니다.

3. 시터

Figma를 주로 사용하여 HTML 템플릿을 위해 사용자 정의하고 전달하는 기존 UI 키트를 사용하는 경우 Siter가 유용한 대안이 될 수 있습니다. 이 디자인 도구는 웹 사이트 레이아웃을 구축 및 사용자 지정하고 Siter를 통해 게시하기 위한 코드 없는 플랫폼으로 구축되었습니다.

그들의 플랫폼의 장점은 다른 사람들을 초대하여 동일한 디자인에 대해 공동 작업을 할 수 있다는 것입니다. 즉, 고객을 위한 라이브 웹사이트 구축을 전문으로 하는 에이전시의 누구에게나 좋은 대안이 될 수 있습니다. 프로젝트가 완료되면 소유권을 클라이언트에게 이전할 수 있습니다.

다음은 몇 가지 다른 기능입니다.

• 코드 – 디자인을 게시하거나 미리 볼 때 실행되는 사용자 지정 코드를 추가할 수 있습니다.
• SVG – SVG 벡터를 가져와서 편집하거나 곡선으로 직접 생성할 수 있습니다.
• 모션 – 실시간 미리보기로 요소 상태(전환, 호버, 활성)를 조정합니다.
• Figma 가져오기 – 할 수 있습니다 기존 Figma 프로젝트를 가져와 라이브 웹사이트로 만드세요!

가격은 개인 프로젝트의 경우 월 $12, 최대 5명의 공동 작업자 및/또는 프로젝트가 있는 프로젝트의 경우 $19부터 시작합니다.

4. UX핀

일러스트레이션이든 UI 디자인이든 디자인 도구의 특징 중 하나는 시간이 지나면 모두 동일하게 느껴진다는 것입니다. 물론, 각 도구에는 다른 도구에는 없는 몇 가지 고유한 기능이 있지만 멀리서 보면 디자인 도구가 비슷하게 구축되는 경향이 있습니다.

그렇다면 UXPin은 그것과 어떻게 다릅니까?

UXPin은 개발자가 사용하는 것과 동일한 구성 요소를 사용하여 인터페이스를 구축할 수 있는 코드 기반 디자인 도구입니다. 이 기능을 병합이라고 하며 React에서만 사용할 수 있습니다.

이 기능 없이도 UXPin을 사용할 수 있으며 플랫폼은 프로토타이핑, 와이어프레이밍 및 협업 작업을 포함한 일상적인 UI 작업에 적합합니다.

그것이 충분히 미친 소리로 들리지 않는다면 UXPin은 다음 UI 프로젝트의 시작점으로 기존 디자인 시스템을 통합하는 것도 지원합니다. Material UI 중에서 선택하거나 UXPin이 지원하는 모든 구성 요소 라이브러리의 Adele 디렉토리를 탐색할 수 있습니다.

Shameless plug: 이전에 React 컴포넌트 라이브러리에 대해 쓴 적이 있습니다.

더 자세히 알고 싶다면 UXPin Docs를 참조하십시오. 편집기의 예와 사용 방법, 기타 다양한 기능, 병합 ​​기능에 대한 모든 정보를 포함하여 이 도구가 제공하는 모든 측면에 대한 자세한 지침을 찾을 수 있습니다.

가격은 어떻습니까? UXPin은 병합 및 표준의 두 가지 계획을 제공합니다. 병합 은 Startup 플랜(사용자 1명)의 경우 월 $89, Company 플랜(사용자 1명당)의 경우 월 $119부터 시작합니다. Standard 는 사용자당 한 달에 $19부터 시작하며 Pro 플랜은 한 달에 $69입니다.

5. 어피니티 디자이너

Affinity Designer는 그 자체로 UI/UX 도구로 판매되지 않기 때문에 종종 간과됩니다.

그래도 목업 디자인, UI 디자인, 로고 및 브랜드 자산에서 가능합니다. 게다가, Figma를 사용하는 주요 목적이 브랜드 자산 및 전반적인 크리에이티브 구조와 같은 것을 디자인하고 최적화하는 것이라면 경이적인 일러스트레이션 기능이 있습니다.

Joshua Omido의 이 비디오는 Affinity의 인터페이스에 대한 멋진 개요일 뿐만 아니라 모바일 앱 UI 디자인 작업의 전체 프로세스이기도 합니다.

그렇긴 하지만 Affinity Designer에는 실시간 협업 및 프로토타이핑과 같은 기능이 없고 플러그인 시스템도 없습니다. 가장 확실히 팀을 위한 거래 차단기입니다.

마지막으로 Affinity Designer가 탁월한 영역은 라이선스 시스템입니다. 소프트웨어 비용은 한 번만 지불하면 되며($60 + 무료 평가판) Windows 또는 macOS 장치에서 사용할 수 있습니다.

6. 인비전

InVision은 FigJam에 대한 대안 솔루션을 제공합니다. Figma 사용자로서 당신은 이미 FigJam에 익숙할 것입니다. 그렇지 않은 경우 – 아이디어에 대해 함께 작업하고, 계획을 세우고, 시각적 프로젝트 궤적을 만들 수 있는 온라인 팀 기반 화이트보드 인터페이스입니다. InVision은 경제성( 무료 플랜이 있습니다! )과 간단한 기능에 중점을 둔 동일한 솔루션을 제공합니다.

Linux용 (네이티브) UI/UX 디자인 도구가 있습니까?

나는 지난 24시간 동안 이 질문을 많이 보았고 내가 아는 한 유일한 기본 Linux UI/UX 디자인 도구는 Akira입니다.

이 프로젝트는 초기 개발 단계에 있습니다. 사람들이 직접 프로젝트에 기여하거나 재정적으로 지원하지 않는 한 진행 속도가 상대적으로 더딜 것으로 예상합니다. 이것은 또한 더 인기 있는 많은 UI/UX 디자인 도구가 네이티브 애플리케이션을 구축할 필요가 없기 때문에 브라우저 기반 인터페이스에 엄격하게 초점을 맞추는 이유이기도 합니다.