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

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

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

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

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

FigmaVariables (2)
STEP 04. AI 설계 시스템 — 실무에서 놓치는 Variables와 Design Token

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

클래스/수업노트 2026. 7. 18. 09:00
STEP 03. 찐망고 사례로 배우는 Figma AI & MVP 설계

STEP 02. AI 데이터 UX 리서치 — 정책서 없이 만들었더니 생긴 일STEP 01. AI 서비스 기획 기초 — 문제 정의부터 CRUD 설계까지보통 사주보러가면 물어보는 것들이 있다. 올해 재물운이 어떻고 연애운이 어떻고재회운이 어떻고 하는 그런 것들사주명식에는 보통uiweb.tistory.com 이전 글에서 리서치는 안하면 결국 나중에 두번일하는 것이라고 정의했는데그 다음은 화면을 그리는 단계다정석대로라면 Figma에서 와이어프레임을 잡고, Hi-Fi로 올리고, 프로토타입으로 흐름을 검증한 다음에 개발로 들어간다.화면설계없이 코드를 치면 중간에 구조를 뜯어고치게 될 수 밖에 없다.하지만 찐망고 사주는 피그마를 안썼..입력폼하나, 결과화면하나, 마이페이지하나 홤녀이 세게인 서비스가 이미 머릿속에 있..

클래스/수업노트 2026. 7. 17. 09:00
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 찐망고AI사주풀이
  • What Was IT
  • W3Schools Online Web
  • 대한민국 공식 가이드라인
  • HTML최신버전
  • UI/UX레퍼런스
  • Unsplash
TAG
  • 디자인팁
  • 티스토리챌린지
  • 웹표준
  • JavaScript
  • figma
  • 프론트엔드
  • 구글머터리얼디자인
  • css
  • UI디자인
  • 서비스기획
  • 바이브코딩
  • 디자인시스템
  • html
  • 웹퍼블리싱
  • uiux
  • UX디자인
  • 웹디자인개발기능사
  • 찐망고사주
  • 웹접근성
  • 피그마
  • 찐망고
  • 웹디자인팁
  • 머터리얼디자인
  • ai사주
  • 오블완
  • CSS3
  • 반응형웹
  • 2024웹디자인
  • 웹디자인
  • seo
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

티스토리툴바