SlideShare a Scribd company logo
이희진
Designer
emmental 개발팀
Hailey
루키
디자이너 고통
그래서 흔한 디자이너 최종 파일
거기에다가
저장되었든, 날라갔던..
파일을 새로 열었을 때
히스토리 내역
없다
난 맨날 생각해
버전관리가 필요하다고!
버전관리노가다
디자이너 버전관리
처음 만난 버전관리 Git 디자이너를 위한 버전관리 툴
처음 만난 버전관리 Git
생산성 증가
파일 주고 받을 필요 X
커밋 단위로 관리
언제든지 예전 코드로! 원상복구 가능
동시에 코딩작업이 쉽다
업데이트, 파일 배포가 쉽다
Git 시작하세요
Git ­ 간편 안내서
초심자를 위한 GitHub 협업 튜토리얼
https://rogerdudler.github.io/git-guide/index.ko.html
https://milooy.wordpress.com/2017/06/21/working-together-with-github-tutorial/
CLI로 git을 설치하고 사용하는 방법
Git GUI 툴
저는 소스트리가 제일 편합니다
소스트리
https://www.sourcetreeapp.com/
타워
https://www.git-tower.com/mac/
GitHub For Mac
https://desktop.github.com/
GitKraken
https://www.gitkraken.com/
GitX
http://gitx.laullon.com/
GitHub
개발자의 비핸스
Git : 작업물 Hub : 포트폴리오
디자이너가 Git 배워서 뭐하게?
웹 포트폴리오 코딩할 때
기술 블로그 만들 때
스타일 가이드 사이트 만들 때
커밋하게
PWA 예제 따라할 때
장기적으로 스터디 운영할 때
산발된 정보가 어지러울 때
나만 알기 아까운 정보 공유할 때
정리하게
https://github.com/gztchan/awesome-design스터디 운영하면서 나도 만들거야!
그래봤자 그래픽 툴에서 쓸 수 없잖아!
디자이너용 버전관리 툴도 없는게 까불어
개발자
디자이너를 위한 버전 관리 툴
작년부터 쏟아지고 있다!
디자이너를 위한 버전 관리 툴
Abstract
Brand.ai
Folio
Git Sketch Plugin
Kactus
Plant
https://www.goabstract.com/
https://brand.ai/
http://folioformac.com/
https://mathieudutour.githu
b.io/git-sketch-plugin/
https://kactus.io/
https://betalist.com/startups/plant
디자이너를 위한 버전 관리 툴
장점 단점
예쁘다
디자이너 친화적
직관적
이미지 프리뷰가 있어서
디자이너는 GUI를 작업하는게 업
CLI가 못생겨서 쓰고 싶지 않아
학습시간이 좀 걸린다
기능이 아직 부실
오로지 맥만 지원
Github 의존이라 어차피 git을 공부해야
아직 Beta버전 나아지는 중
스케치 툴을 쓰는 디자이너에게만 유리
Abstract
프로젝트 컬러를 헥스값으로 지정 가능. 귀엽다
Abstract
스케치 파일을 불러오면
프리뷰로 볼 수 있다
Abstract
브랜치의 상태가 아이콘으로 나온다.
소스트리 보다 덜 직관적
Abstract
디자인을 확인하거나
새로운 의견을 추가하는 기능은
앱에서와 동일하게 수행할 수
있어 편리하다.
Kactus
Github 계정으로 로그인 해야 한다.
Kactus
레포 경로를 입력
Kactus
버전관리 툴에서
스케치 새 파일을 생성할 수 있다
Kactus
스케치 파일이
바로 열린다
프리뷰가 없는 대신
브랜치와 히스토리
한번에 볼 수가 없다
Kactus
브랜치 상태를 바로 알 수 있다
제일 기능 많은 툴 비교
Abstract Kactus
프리뷰가 있다
느리다
시각적인 기능을 집중
여러명 구성원의 의견과 작업물을
한 눈에 볼 수 있게 UI가 구성되어 있다.
딜레이가 3-4분 정도
앱 내에서 작업물을 확인 가능
기존 파일을 확인하게 해준다
빠르다
즉시 커밋하도록 집중
스케치 파일을 열어서 보여준다
바로 즉시 업로드
뒤로가기 없는 뎁스, 내가 기록한 데이터가 히스토리
즉시 커밋, 브랜치 따기, 패치까지 한번에
질문&건의
디자이너 버전관리

More Related Content

What's hot

Github 으로 학교 팀 프로젝트 하기
Github 으로 학교 팀 프로젝트 하기Github 으로 학교 팀 프로젝트 하기
Github 으로 학교 팀 프로젝트 하기
nexusz99
 
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
민태 김
 
Git이란 (Git 소개 및 기초 이론)
Git이란 (Git 소개 및 기초 이론)Git이란 (Git 소개 및 기초 이론)
Git이란 (Git 소개 및 기초 이론)
승용 윤
 
Eclipse git 튜토리알
Eclipse git 튜토리알Eclipse git 튜토리알
Eclipse git 튜토리알
Mirinae, Inc.
 
Git 더하기 GitHub(Git클라이언트 활용) / Getting started with git+github
Git 더하기 GitHub(Git클라이언트 활용) / Getting started with git+githubGit 더하기 GitHub(Git클라이언트 활용) / Getting started with git+github
Git 더하기 GitHub(Git클라이언트 활용) / Getting started with git+github
Junyoung Lee
 
Github가 뭐죠 먹는 건가요
Github가 뭐죠  먹는 건가요 Github가 뭐죠  먹는 건가요
Github가 뭐죠 먹는 건가요
Jinwoo Kim
 
오픈소스 개발을 위한 Git 사용법 실습
오픈소스 개발을 위한 Git 사용법 실습오픈소스 개발을 위한 Git 사용법 실습
오픈소스 개발을 위한 Git 사용법 실습
BJ Jang
 
git, git flow
git, git flowgit, git flow
git, git floweva
 
140109 팀프로젝트 협업툴
140109 팀프로젝트 협업툴140109 팀프로젝트 협업툴
140109 팀프로젝트 협업툴
은아 정
 
협업하는 디자이너 - #1 git설치하기
협업하는 디자이너 - #1 git설치하기협업하는 디자이너 - #1 git설치하기
협업하는 디자이너 - #1 git설치하기
Jinkyou Son
 
Git 코드랩 스터디 1
Git 코드랩 스터디 1Git 코드랩 스터디 1
Git 코드랩 스터디 1
승빈이네 공작소
 
Git lecture1
Git lecture1Git lecture1
Git lecture1
ssuseraf62e91
 
How to use Github? (For Cien)
How to use Github? (For Cien)How to use Github? (For Cien)
How to use Github? (For Cien)
민수 김
 
Git 사용법 공유 + Unity3D with git
Git 사용법 공유 + Unity3D with gitGit 사용법 공유 + Unity3D with git
Git 사용법 공유 + Unity3D with git
SeongSik Kim
 
Git 분산버전관리 시스템(1)
Git 분산버전관리 시스템(1)Git 분산버전관리 시스템(1)
Git 분산버전관리 시스템(1)
Hyunjun Roh
 
Git lecture2
Git lecture2Git lecture2
Git lecture2
ssuseraf62e91
 
Git의 개념과 사용
Git의 개념과 사용Git의 개념과 사용
Git의 개념과 사용
환민 홍
 
초보자를 위한 Git & GitHub
초보자를 위한 Git & GitHub초보자를 위한 Git & GitHub
초보자를 위한 Git & GitHub
Yurim Jin
 
GitHub Pull Request 간단 사용 설명서
GitHub Pull Request 간단 사용 설명서GitHub Pull Request 간단 사용 설명서
GitHub Pull Request 간단 사용 설명서
jungseob shin
 
Git 과 GitHub 를 이용한 버전관리와 협업 - 1주차 - 첫 커밋 푸시하기
Git 과 GitHub 를 이용한 버전관리와 협업 - 1주차 - 첫 커밋 푸시하기Git 과 GitHub 를 이용한 버전관리와 협업 - 1주차 - 첫 커밋 푸시하기
Git 과 GitHub 를 이용한 버전관리와 협업 - 1주차 - 첫 커밋 푸시하기
Youngbin Han
 

What's hot (20)

Github 으로 학교 팀 프로젝트 하기
Github 으로 학교 팀 프로젝트 하기Github 으로 학교 팀 프로젝트 하기
Github 으로 학교 팀 프로젝트 하기
 
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
 
Git이란 (Git 소개 및 기초 이론)
Git이란 (Git 소개 및 기초 이론)Git이란 (Git 소개 및 기초 이론)
Git이란 (Git 소개 및 기초 이론)
 
Eclipse git 튜토리알
Eclipse git 튜토리알Eclipse git 튜토리알
Eclipse git 튜토리알
 
Git 더하기 GitHub(Git클라이언트 활용) / Getting started with git+github
Git 더하기 GitHub(Git클라이언트 활용) / Getting started with git+githubGit 더하기 GitHub(Git클라이언트 활용) / Getting started with git+github
Git 더하기 GitHub(Git클라이언트 활용) / Getting started with git+github
 
Github가 뭐죠 먹는 건가요
Github가 뭐죠  먹는 건가요 Github가 뭐죠  먹는 건가요
Github가 뭐죠 먹는 건가요
 
오픈소스 개발을 위한 Git 사용법 실습
오픈소스 개발을 위한 Git 사용법 실습오픈소스 개발을 위한 Git 사용법 실습
오픈소스 개발을 위한 Git 사용법 실습
 
git, git flow
git, git flowgit, git flow
git, git flow
 
140109 팀프로젝트 협업툴
140109 팀프로젝트 협업툴140109 팀프로젝트 협업툴
140109 팀프로젝트 협업툴
 
협업하는 디자이너 - #1 git설치하기
협업하는 디자이너 - #1 git설치하기협업하는 디자이너 - #1 git설치하기
협업하는 디자이너 - #1 git설치하기
 
Git 코드랩 스터디 1
Git 코드랩 스터디 1Git 코드랩 스터디 1
Git 코드랩 스터디 1
 
Git lecture1
Git lecture1Git lecture1
Git lecture1
 
How to use Github? (For Cien)
How to use Github? (For Cien)How to use Github? (For Cien)
How to use Github? (For Cien)
 
Git 사용법 공유 + Unity3D with git
Git 사용법 공유 + Unity3D with gitGit 사용법 공유 + Unity3D with git
Git 사용법 공유 + Unity3D with git
 
Git 분산버전관리 시스템(1)
Git 분산버전관리 시스템(1)Git 분산버전관리 시스템(1)
Git 분산버전관리 시스템(1)
 
Git lecture2
Git lecture2Git lecture2
Git lecture2
 
Git의 개념과 사용
Git의 개념과 사용Git의 개념과 사용
Git의 개념과 사용
 
초보자를 위한 Git & GitHub
초보자를 위한 Git & GitHub초보자를 위한 Git & GitHub
초보자를 위한 Git & GitHub
 
GitHub Pull Request 간단 사용 설명서
GitHub Pull Request 간단 사용 설명서GitHub Pull Request 간단 사용 설명서
GitHub Pull Request 간단 사용 설명서
 
Git 과 GitHub 를 이용한 버전관리와 협업 - 1주차 - 첫 커밋 푸시하기
Git 과 GitHub 를 이용한 버전관리와 협업 - 1주차 - 첫 커밋 푸시하기Git 과 GitHub 를 이용한 버전관리와 협업 - 1주차 - 첫 커밋 푸시하기
Git 과 GitHub 를 이용한 버전관리와 협업 - 1주차 - 첫 커밋 푸시하기
 

Similar to 디자이너 버전관리

[201808] GitHub 사용하기 - GIt & 협업 활용
[201808] GitHub 사용하기 - GIt & 협업 활용[201808] GitHub 사용하기 - GIt & 협업 활용
[201808] GitHub 사용하기 - GIt & 협업 활용
Ian Choi
 
깃허브 시작하기
깃허브 시작하기깃허브 시작하기
깃허브 시작하기
진태 이
 
Why use git
Why use gitWhy use git
Why use git
Taeung Song
 
알아두면 쓸모있는 깃허브 1
알아두면 쓸모있는 깃허브 1알아두면 쓸모있는 깃허브 1
알아두면 쓸모있는 깃허브 1
Hansol Kang
 
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
지원 정
 
1. github action을 활용한 CI
1. github action을 활용한 CI1. github action을 활용한 CI
1. github action을 활용한 CI
DEVELOPER.NET
 
DevOps와 함께 살펴보는 (해커톤의 성패를 좌우하는) 협업/개발 툴
DevOps와 함께 살펴보는 (해커톤의 성패를 좌우하는) 협업/개발 툴DevOps와 함께 살펴보는 (해커톤의 성패를 좌우하는) 협업/개발 툴
DevOps와 함께 살펴보는 (해커톤의 성패를 좌우하는) 협업/개발 툴
Ian Choi
 
GITHUB와 함께 Social하게 코딩하기
GITHUB와 함께 Social하게 코딩하기GITHUB와 함께 Social하게 코딩하기
GITHUB와 함께 Social하게 코딩하기Young-Ho Cha
 
11. git basic
11. git basic11. git basic
11. git basic
Geunhyung Kim
 
[17.02.09] Github introduction (Korean Version)
[17.02.09] Github introduction (Korean Version)[17.02.09] Github introduction (Korean Version)
[17.02.09] Github introduction (Korean Version)
Ildoo Kim
 
Digging github
Digging githubDigging github
Digging github
Hansol Lim
 
오픈소스GIS 개발 일반 강의자료
오픈소스GIS 개발 일반 강의자료오픈소스GIS 개발 일반 강의자료
오픈소스GIS 개발 일반 강의자료
BJ Jang
 
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)
NAVER D2
 
git 간단한 사용방법
git 간단한 사용방법git 간단한 사용방법
git 간단한 사용방법
Oh Dongju
 
Git basic
Git basicGit basic
Git basic
민정 김
 
[부스트캠프 Tech Talk] 최재필_P 스테이지에서 Git으로 협업하기
[부스트캠프 Tech Talk] 최재필_P 스테이지에서 Git으로 협업하기[부스트캠프 Tech Talk] 최재필_P 스테이지에서 Git으로 협업하기
[부스트캠프 Tech Talk] 최재필_P 스테이지에서 Git으로 협업하기
CONNECT FOUNDATION
 
리스펙토링 세미나 - Git, Github 알아보기
리스펙토링 세미나 - Git, Github 알아보기리스펙토링 세미나 - Git, Github 알아보기
리스펙토링 세미나 - Git, Github 알아보기
Wooyoung Ko
 
Github? linux? 이건 뭐지?
Github? linux? 이건 뭐지?Github? linux? 이건 뭐지?
Github? linux? 이건 뭐지?
Suho Lee
 
강분도 - 공개SW개발과 우분투 (2010Y10M05D)
강분도 - 공개SW개발과 우분투 (2010Y10M05D)강분도 - 공개SW개발과 우분투 (2010Y10M05D)
강분도 - 공개SW개발과 우분투 (2010Y10M05D)
Ubuntu Korea Community
 
필요해서 하는 개발 자동화
필요해서 하는 개발 자동화필요해서 하는 개발 자동화
필요해서 하는 개발 자동화
none
 

Similar to 디자이너 버전관리 (20)

[201808] GitHub 사용하기 - GIt & 협업 활용
[201808] GitHub 사용하기 - GIt & 협업 활용[201808] GitHub 사용하기 - GIt & 협업 활용
[201808] GitHub 사용하기 - GIt & 협업 활용
 
깃허브 시작하기
깃허브 시작하기깃허브 시작하기
깃허브 시작하기
 
Why use git
Why use gitWhy use git
Why use git
 
알아두면 쓸모있는 깃허브 1
알아두면 쓸모있는 깃허브 1알아두면 쓸모있는 깃허브 1
알아두면 쓸모있는 깃허브 1
 
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
 
1. github action을 활용한 CI
1. github action을 활용한 CI1. github action을 활용한 CI
1. github action을 활용한 CI
 
DevOps와 함께 살펴보는 (해커톤의 성패를 좌우하는) 협업/개발 툴
DevOps와 함께 살펴보는 (해커톤의 성패를 좌우하는) 협업/개발 툴DevOps와 함께 살펴보는 (해커톤의 성패를 좌우하는) 협업/개발 툴
DevOps와 함께 살펴보는 (해커톤의 성패를 좌우하는) 협업/개발 툴
 
GITHUB와 함께 Social하게 코딩하기
GITHUB와 함께 Social하게 코딩하기GITHUB와 함께 Social하게 코딩하기
GITHUB와 함께 Social하게 코딩하기
 
11. git basic
11. git basic11. git basic
11. git basic
 
[17.02.09] Github introduction (Korean Version)
[17.02.09] Github introduction (Korean Version)[17.02.09] Github introduction (Korean Version)
[17.02.09] Github introduction (Korean Version)
 
Digging github
Digging githubDigging github
Digging github
 
오픈소스GIS 개발 일반 강의자료
오픈소스GIS 개발 일반 강의자료오픈소스GIS 개발 일반 강의자료
오픈소스GIS 개발 일반 강의자료
 
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)
경희대 해커 기술 세미나 - Git hub으로 학교 팀프로젝트 하기(조성수)
 
git 간단한 사용방법
git 간단한 사용방법git 간단한 사용방법
git 간단한 사용방법
 
Git basic
Git basicGit basic
Git basic
 
[부스트캠프 Tech Talk] 최재필_P 스테이지에서 Git으로 협업하기
[부스트캠프 Tech Talk] 최재필_P 스테이지에서 Git으로 협업하기[부스트캠프 Tech Talk] 최재필_P 스테이지에서 Git으로 협업하기
[부스트캠프 Tech Talk] 최재필_P 스테이지에서 Git으로 협업하기
 
리스펙토링 세미나 - Git, Github 알아보기
리스펙토링 세미나 - Git, Github 알아보기리스펙토링 세미나 - Git, Github 알아보기
리스펙토링 세미나 - Git, Github 알아보기
 
Github? linux? 이건 뭐지?
Github? linux? 이건 뭐지?Github? linux? 이건 뭐지?
Github? linux? 이건 뭐지?
 
강분도 - 공개SW개발과 우분투 (2010Y10M05D)
강분도 - 공개SW개발과 우분투 (2010Y10M05D)강분도 - 공개SW개발과 우분투 (2010Y10M05D)
강분도 - 공개SW개발과 우분투 (2010Y10M05D)
 
필요해서 하는 개발 자동화
필요해서 하는 개발 자동화필요해서 하는 개발 자동화
필요해서 하는 개발 자동화
 

디자이너 버전관리