크롬 확장 프로그램 8탄 – html.to.design, 웹사이트를 피그마로 가져오는 방법

홈페이지를 제작하거나 디자인 레퍼런스를 분석하다 보면 “이 화면을 피그마에서 바로 수정할 수 있으면 좋겠다.”라는 생각을 한 번쯤 해보셨을 것입니다. 예전에는 참고하고 싶은 홈페이지를 캡처한 뒤 피그마에 넣고, 버튼과 이미지, 텍스트를 하나씩 다시 만들어야 했었습니다. 시간도 오래 걸렸고, 레이아웃을 다시 만드는 과정도 생각보다 번거로웠습니다. 그러다 알게 된 것이 html.to.design입니다. html.to.design은 현재 보고 있는 웹페이지를 Figma 디자인 … 더 읽기

크롬 확장 프로그램 추천 TOP 15, 디자인 작업 시간을 줄여주는 실무 필수 도구

웹디자인이나 상세페이지를 제작하다 보면 생각보다 브라우저를 사용하는 시간이 많습니다. 마음에 드는 홈페이지의 컬러를 확인하고 싶을 때도 있고, 폰트가 무엇인지 궁금할 때도 있습니다. 경쟁사의 상세페이지를 분석하거나 긴 웹페이지를 캡처해야 하는 경우도 자주 발생합니다. 예전에는 이런 작업을 모두 직접 확인하거나 캡처 프로그램을 따로 사용했었습니다. 하지만 크롬 확장 프로그램을 활용하기 시작하면서 작업 방식이 많이 달라졌습니다. 색상은 클릭 한 … 더 읽기