본문 바로가기 메뉴 바로가기

찐망고'S 퍼블리싱그리고디자인

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

찐망고'S 퍼블리싱그리고디자인

검색하기 폼
  • 분류 전체보기 (295) N
    • WEB (131)
      • HTML기초 (19)
      • HTML이론 (17)
      • CSS (44)
      • JS이론 (15)
      • JS코드 (19)
      • FONT (15)
    • 플러그인 (17)
      • slick (3)
      • swiper (14)
    • 자격증 (8)
      • 웹디자인개발기능사 (8)
    • UIUX디자인 (88) N
      • 디자인 (56)
      • 피그마 (23)
      • 포토샵 (9) N
    • AI (22)
      • AI사주웹서비스 (17)
      • 미디어 (4)
    • 클래스 (16) N
      • 수업노트 (15) N
    • 나 (13)
      • 시선과기록 (13)
  • 방명록

2026/07/18 (1)
STEP 04. AI 설계 시스템 — 실무에서 놓치는 Variables와 Design Token

이전 글에서 MVP는 빨리 만드는 게 핵심이고, 피그마를 쓸지 말지는 판단의 문제라고 했다.판단의 문제라고 하긴 했지만 만드는게 맞습니다. 😎당연히 서비스가 커지기 시작하면 판단의 여지가 없어진다. 디자인 시스템이 필요해진다. 찐망고 사주에는 디자인 시스템이 없다. 버튼 색을 바꾸고 싶으면 코드에서 직접 바꾸면 됐다. 코드로 이미 root에 컬러시스템을 박아둠. 하지만 화면이 열 개가 넘고, 버튼이 스무 개가 넘고, 같은 컬러를 서른 군데에서 쓰고 있으면 얘기가 완전히 달라진다. 한 곳을 바꾸면 나머지 스물아홉 곳을 찾아다녀야 한다. 이게 디자인 시스템 없이 커진 서비스의 현실이다. 수업에서는 이 문제를 Figma Variables로 가르친다.디자인 파일에서 가장 많이 발생하는 사고는 "이 색이 뭐였..

클래스/수업노트 2026. 7. 18. 09:00
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 찐망고AI사주풀이
  • What Was IT
  • W3Schools Online Web
  • 대한민국 공식 가이드라인
  • HTML최신버전
  • UI/UX레퍼런스
  • Unsplash
TAG
  • 프론트엔드
  • figma
  • 2024웹디자인
  • 찐망고사주
  • 웹디자인개발기능사
  • 디자인팁
  • seo
  • css
  • 디자인시스템
  • CSS3
  • ai사주
  • 웹디자인
  • UX디자인
  • UI디자인
  • JavaScript
  • html
  • 피그마
  • 웹퍼블리싱
  • 머터리얼디자인
  • 구글머터리얼디자인
  • uiux
  • 티스토리챌린지
  • 찐망고
  • 웹표준
  • 바이브코딩
  • 오블완
  • 웹접근성
  • 반응형웹
  • 서비스기획
  • 웹디자인팁
more
«   2026/07   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바