figma + it dev tool figma OROR Forge: Figma to Code 도구 제작기 (2) 실전용으로 만들기 - tech.kakao.com프롤로그 안녕하세요, OROR 프론트엔드 팀의 덴입니다! 1부에서는 Figma 디... wono | discuss | tweet + it dev tool figma [Figma plugin] OROR Forge로 figma 디자인을 React 코드로 변환하기이번에 참여한 사이드 프로젝트는 "포텐데이"로, 비사이드에서 10일 동안 기획, 디자인, 개발, 서비스 출시까지 모두 완료하는 프로젝트였습니다.개인적으로 React와 TypeScript를 공부하고 실제로 적용해보고 싶어서 사이드 프로젝트에 참여했는데, 마크업이라는 과제 wono | discuss | tweet + it dev tool figma vigma vscode Vigma RN: 실시간 코드를 생성하는 VSCode속의 Figma – 노마드 코더 Nomad CodersPost on 노마드 코더 Community wono | discuss | tweet + it dev tool figma react Figma to reactFacebook에서 게시물, 사진 등을 확인하세요. wono | discuss | tweet + it dev tool figma 피그마 사용법과 협업하기(개발자 시점)디자이너와 개발자의 협업 툴, 피그마(Figma) 웹 브라우저 기반으로 동작하는 피그마는 개발자와 디자이너가 협업하기 정말 좋은 디자인 툴이다. 피그마는 웹 브라우저 기반이기 때문에 작업 환경에 대한 걱정 없이 모두가 사용할 수 있다. 다시 말해 설치할 필요가 없고, 운영체제와 상관 없이 사용할 수 있는 장점이 있다. 또한 피그마는 디자인이 클라우드에 있고 고유한 URL 덕분에 개발자가 항상 최신 버전의 디자인을 빠르게 확인할 수 있으며, 내장된 기능을 통해 디자이너와 개발자가 쉽게 커뮤니케이션을 할 수 있게 되었다. The design lives in the cloud and has a unique URL, so it serves as the source of truth for the entire te.. wono | discuss | tweet + figma button Figma에서 Autolayout으로 버튼 만들기Figma 목록 사각형과 Text를 이용해서 위와같은 버튼을 만듭니다. 사각형과 Text를 선택하고 Add auto layout 합니다. Frame1이 #모양에서 위와같은 아이콘으로 변경됩니다. 적당히 이름을 변경해 줍니다. T.. wono | discuss | tweet + figma ui 프로토타이핑 - 개발자의 좌충우돌 Figma 기초 사용법피그마 가입 -생략- 터치패드가 아닌 마우스를 쓸 경우 command + scroll : 화면 확대, 축소 space + 드래그 : 화면 이동 피그마 프로젝트 만들기 우측 상단에 + 아이콘 클릭 아이폰 디바이스 별 규격에 맞는 바.. wono | discuss | tweet + it 디자인 figma 피그마 디자인을 코드로 만드는 방법 wono | discuss | tweet + it 디자인 figma 개발자가 알아야 할 피그마의 모든 것 - WebactuallyWebactually | 웹사이트를 만드는 사람들을 위한 온라인 정보피그마(Figma)는 전 세계 수많은 회사가 채택해 사용하고 있는 UI GUI 디자인 툴입니다. 피그마는 브라우저 기반의 툴이라서 아무것도 설치할 필요가 없고, 운영체제와 상관없이 모두가 사용할 수 있습니다. 또 완전히 클라우드 기반이어서 항상 최신 버전의 디자인을 볼 수 있고, 내장된 협업 툴을 이용해 어느 때보다 쉽게 협업과 커뮤니케이션이 가능합니다. wono | discuss | tweet
+ it dev tool figma OROR Forge: Figma to Code 도구 제작기 (2) 실전용으로 만들기 - tech.kakao.com프롤로그 안녕하세요, OROR 프론트엔드 팀의 덴입니다! 1부에서는 Figma 디... wono | discuss | tweet
+ it dev tool figma [Figma plugin] OROR Forge로 figma 디자인을 React 코드로 변환하기이번에 참여한 사이드 프로젝트는 "포텐데이"로, 비사이드에서 10일 동안 기획, 디자인, 개발, 서비스 출시까지 모두 완료하는 프로젝트였습니다.개인적으로 React와 TypeScript를 공부하고 실제로 적용해보고 싶어서 사이드 프로젝트에 참여했는데, 마크업이라는 과제 wono | discuss | tweet
+ it dev tool figma vigma vscode Vigma RN: 실시간 코드를 생성하는 VSCode속의 Figma – 노마드 코더 Nomad CodersPost on 노마드 코더 Community wono | discuss | tweet
+ it dev tool figma 피그마 사용법과 협업하기(개발자 시점)디자이너와 개발자의 협업 툴, 피그마(Figma) 웹 브라우저 기반으로 동작하는 피그마는 개발자와 디자이너가 협업하기 정말 좋은 디자인 툴이다. 피그마는 웹 브라우저 기반이기 때문에 작업 환경에 대한 걱정 없이 모두가 사용할 수 있다. 다시 말해 설치할 필요가 없고, 운영체제와 상관 없이 사용할 수 있는 장점이 있다. 또한 피그마는 디자인이 클라우드에 있고 고유한 URL 덕분에 개발자가 항상 최신 버전의 디자인을 빠르게 확인할 수 있으며, 내장된 기능을 통해 디자이너와 개발자가 쉽게 커뮤니케이션을 할 수 있게 되었다. The design lives in the cloud and has a unique URL, so it serves as the source of truth for the entire te.. wono | discuss | tweet
+ figma button Figma에서 Autolayout으로 버튼 만들기Figma 목록 사각형과 Text를 이용해서 위와같은 버튼을 만듭니다. 사각형과 Text를 선택하고 Add auto layout 합니다. Frame1이 #모양에서 위와같은 아이콘으로 변경됩니다. 적당히 이름을 변경해 줍니다. T.. wono | discuss | tweet
+ figma ui 프로토타이핑 - 개발자의 좌충우돌 Figma 기초 사용법피그마 가입 -생략- 터치패드가 아닌 마우스를 쓸 경우 command + scroll : 화면 확대, 축소 space + 드래그 : 화면 이동 피그마 프로젝트 만들기 우측 상단에 + 아이콘 클릭 아이폰 디바이스 별 규격에 맞는 바.. wono | discuss | tweet
+ it 디자인 figma 개발자가 알아야 할 피그마의 모든 것 - WebactuallyWebactually | 웹사이트를 만드는 사람들을 위한 온라인 정보피그마(Figma)는 전 세계 수많은 회사가 채택해 사용하고 있는 UI GUI 디자인 툴입니다. 피그마는 브라우저 기반의 툴이라서 아무것도 설치할 필요가 없고, 운영체제와 상관없이 모두가 사용할 수 있습니다. 또 완전히 클라우드 기반이어서 항상 최신 버전의 디자인을 볼 수 있고, 내장된 협업 툴을 이용해 어느 때보다 쉽게 협업과 커뮤니케이션이 가능합니다. wono | discuss | tweet