본문 바로가기
피그마 필수 플러그인 6 :: Figma Plugin Top6 피그마에서 활용할 수 있는 플러그인을 소개해보고자 한다. 1. remove.BG Remove BG | Figma Community Remove the background of images automatically with just a single click - using the remove.bg API. Note: You will need a remove.bg account for this plugin. www.figma.com 원 클릭으로 이미지의 배경을 제거해주는 플러그인. 웹사이트에서 로그인을 하고 무료 API키를 받아서 사용해야한다. API키를 받는데 귀찮을 수 있지만 설치만 하면 상당히 유용하다. 피그마 안에서만 사용가능한게 아니라 윈도우용,맥용으로 별도 프로그램으로도 사용가능하다. 누끼 퀄리터.. 2023. 9. 11.
프레이머 :: Framer 프레이머 프레이머는 코드 기반(React, typescript, jsx : 웹 기술)의 프로토타입 툴이다. 1. 프레이머가 다시뜬다고? 최근 상무님께서 프레이머 툴을 한 번 알아보라고 하셔서 관련 정보를 리서치하게 되었다. 이 툴을 쓰는 대표적인 회사가 토스인데 그들은 프레이머로 내부 디자인 시스템을 구축하고 새로운 워크플로우를 개선하여 업무의 효율성을 높였다고 이야기한다. 사실 개인적으로 2년전 React 개발도 해보고(github링크) 프레이머 온라인 커뮤니티(페이스북) 활동에 참여해봤고, 개인적으로 만들고 싶었던 서비스를 프레이머를 이용해 만들어 봤었지만 실제 코드로 디자인시스템을 구축할 수 있다는 것은 생각도 못했었다. 하지만 최근 토스-플랫폼디자인팀에서 프레이머로 디자인 시스템을 구축했다는 것은.. 2022. 8. 8.
유저 플로우 :: user flow user flow (이용 흐름 설계) 유저플로우(user flow)는 비슷한 용어가 참 많다. (task flow, wire flow, flow chart) 등등. 복잡한 듯 보이지만 하지만 한마디로 정의한다면 새로운 형태의 "와이어프레임" 정도로 정의하면 되겠다. 정의 1. 사용자가 특정한 작업 (task)를 완료하기 위해 서비스 내에서 움직이는 경로를 정리하는 것. 2. 사용자 시나리오보다 구체적이며, UI(화면), 행동, 판단으로 표현된다. 구성요소 1. 목표(user goal) : 사용자가 서비스를 통해 얻고자 하는 결과. (상품 구매, 정보 획득, 소통 등) 2. 작업(task) : 목표를 위해 유저가 수행하는 것. (로그인, 회원가입, 장바구니 담기, 검색 등) 3. UI: 화면. (검색화면,.. 2020. 11. 23.

티스토리툴바