Figci

Figci는 디자인 협업 도구로, Figma 프로젝트 파일의 형상 관리를 위한 웹 서비스 및 피그마 플러그인 서비스

서비스 소개

Figci는 Git의 코드 변경사항을 시각적으로 표시해주는 아이디어에 착안하여 개발된 Figma 프로젝트 파일의 버전 관리 웹 서비스 및 피그마 플러그인 서비스 입니다.

Figci는 사용자가 선택한 특정 버전 간의 모든 요소의 차이점을 분석하여서 변경사항이 감지된 사항 를 시각적으로 강조하여서 표시해주고 동시에 변경 사항을 텍스트로 표시해줍니다.

기술 스택

🚀 Stacks

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" width="40px" /> HTML

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/5e68322b-c560-4299-9d9c-1b80fc230e0e/pngwing.com_(1).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/5e68322b-c560-4299-9d9c-1b80fc230e0e/pngwing.com_(1).png" width="40px" /> CSS(SCSS)

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/3d851fa7-8bc0-444a-8eef-95626e23f297/pngwing.com_(2).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/3d851fa7-8bc0-444a-8eef-95626e23f297/pngwing.com_(2).png" width="40px" /> JavaScript

</aside>

<aside> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRnL6RSvqGaQKadF4Q5q2rnCpSrFH1atFw9eVYNarpROZUrqbbtuducsFRacmVkd28DKWw&usqp=CAU" alt="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRnL6RSvqGaQKadF4Q5q2rnCpSrFH1atFw9eVYNarpROZUrqbbtuducsFRacmVkd28DKWw&usqp=CAU" width="40px" /> React Native

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/4913e6c3-ebf5-4cfb-ac98-75a2dff3ed4b/react-router-icon-2048x1116-jfeevj0l.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/4913e6c3-ebf5-4cfb-ac98-75a2dff3ed4b/react-router-icon-2048x1116-jfeevj0l.png" width="40px" /> React Router

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/bdcbc293-a52e-4c3f-8c55-7eae600726e7/styled-component.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/bdcbc293-a52e-4c3f-8c55-7eae600726e7/styled-component.png" width="40px" /> Styled component

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/fe749b67-0ab1-422f-a384-6dcbce5cdb09/image.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/fe749b67-0ab1-422f-a384-6dcbce5cdb09/image.png" width="40px" /> Zustand

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/37aeda43-66b3-4aa3-9e9d-2f5316b7c995/img.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/37aeda43-66b3-4aa3-9e9d-2f5316b7c995/img.png" width="40px" /> Node.js

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/017e08d4-b511-4b23-9fa3-578d61abdb2d/다운로드.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/017e08d4-b511-4b23-9fa3-578d61abdb2d/다운로드.png" width="40px" /> Express

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/0fdfe1b9-ccb5-4dcd-b776-d2f0e220768b/mongo.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/0fdfe1b9-ccb5-4dcd-b776-d2f0e220768b/mongo.png" width="40px" /> MongoDB

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/5ba39005-1ab1-4baa-92af-b6f6c8fff9e1/mongoose.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/5ba39005-1ab1-4baa-92af-b6f6c8fff9e1/mongoose.png" width="40px" /> Mongoose

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/bdcbc293-a52e-4c3f-8c55-7eae600726e7/styled-component.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/bdcbc293-a52e-4c3f-8c55-7eae600726e7/styled-component.png" width="40px" /> Fabric.js

</aside>

🛠 Tools

<aside> <img src="https://git-scm.com/images/logos/downloads/Git-Icon-1788C.png" alt="https://git-scm.com/images/logos/downloads/Git-Icon-1788C.png" width="40px" /> Git

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/1bd5ac46-eb0c-4db8-834a-815e26537c64/Vitejs-logo.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/28f7e47d-fd6e-426a-99a8-d1f40a934adb/1bd5ac46-eb0c-4db8-834a-815e26537c64/Vitejs-logo.svg" width="40px" /> Vite

</aside>

👥 Collaboration

<aside> <img src="https://cdn-icons-png.flaticon.com/512/25/25231.png" alt="https://cdn-icons-png.flaticon.com/512/25/25231.png" width="40px" /> GitHub

</aside>

<aside> <img src="https://cdn.icon-icons.com/icons2/2389/PNG/512/notion_logo_icon_145025.png" alt="https://cdn.icon-icons.com/icons2/2389/PNG/512/notion_logo_icon_145025.png" width="40px" /> Notion

</aside>

<aside> <img src="https://cdn-icons-png.flaticon.com/512/2111/2111615.png" alt="https://cdn-icons-png.flaticon.com/512/2111/2111615.png" width="40px" /> Slack

</aside>

<aside> <img src="https://cdn-icons-png.flaticon.com/512/5968/5968705.png" alt="https://cdn-icons-png.flaticon.com/512/5968/5968705.png" width="40px" /> Figma

</aside>