https://github.com/yourssu/yds-ios

Yourssu Design System for iOS
https://github.com/yourssu/yds-ios

design-system ios swift

Last synced: 3 months ago
JSON representation

Yourssu Design System for iOS

• Host: GitHub
• URL: https://github.com/yourssu/yds-ios
• Owner: yourssu
• License: mit
• Created: 2021-05-05T02:31:26.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-06-04T02:18:15.000Z (8 months ago)
• Last Synced: 2024-11-20T14:59:18.899Z (3 months ago)
• Topics: design-system, ios, swift
• Language: Swift
• Homepage:
• Size: 1.96 MB
• Stars: 78
• Watchers: 8
• Forks: 2
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
![Thumbnail](https://user-images.githubusercontent.com/54972653/133129992-d7ab694c-73b5-4522-90c0-7e06f980ede4.png)



  

  

  

      

    



## 🎨 YDS란

YDS는 숭실대학교 동아리 유어슈에서 사용하는 디자인 시스템입니다. 뷰 컴포넌트 재사용성을 높여 코드 작성에 걸리는 시간을 단축함과 동시에 일관된 디자인 퀄리티를 보장하기 위해 고안됐습니다.

## 📝 문서

[YDS Wiki](https://yourssu.notion.site/Yourssu-Design-System-00577fab034e46cb8aeb330247376a15)  

YDS 문서는 노션 페이지에서 관리됩니다.  

컴포넌트 정보와 사용 예시 등을 확인할 수 있습니다.  

## 🛠 설치 방법

[Swift Package Manager로 YDS 설치하기](https://yourssu.notion.site/Siwft-Package-Manager-YDS-e6e102a96ca5433a907cc9d1ae3cb274)  

## 🧪 샘플 어플리케이션

![storybook](https://user-images.githubusercontent.com/54972653/133135378-f865e2ce-db15-4c1e-8631-74c4c04001c1.gif)

[YDS Storybook 테스트플라이트 링크](https://testflight.apple.com/join/00LW9q4d)  

[YDS Storybook 앱스토어 링크](https://apps.apple.com/kr/app/yds-storybook/id1584167620)  

YDS 컴포넌트를 직접 조작할 수 있는 샘플 어플리케이션입니다.  

## 🖌 피그마 커뮤니티

[YDS 피그마 커뮤니티 링크](https://www.figma.com/community/file/1146974544001355129)  

피그마에서 YDS를 사용해볼 수 있습니다.

## 📱 YDS를 사용해 개발한 어플리케이션

개발 중

## 💻 타 버전 저장소

[YDS-Android](https://github.com/yourssu/YDS-Android)

[YDS-React](https://github.com/yourssu/YDS-React)

## 🙏 의존하는 외부 라이브러리

[SnapKit](https://github.com/SnapKit/SnapKit)  

[PanModal](https://github.com/slackhq/PanModal)  

[Parchment](https://github.com/rechsteiner/Parchment)  

[RxSwift](https://github.com/ReactiveX/RxSwift) - 샘플 어플리케이션 전용

## 📚 참고한 자료

[[SOCAR FRAME 만들기 #2] 다크 모드 받고 디자인 시스템 더블로 가! (1탄)](https://tech.socarcorp.kr/design/2020/07/10/dark-mode-01.html)  

[[SOCAR FRAME 만들기 #2] 다크 모드 받고 디자인 시스템 더블로 가! (2탄)](https://tech.socarcorp.kr/design/2020/07/22/dark-mode-02.html)