캡쳐 하실때 쓰는 프로그램이 좋아보이는데요. 이름이 궁금합니다

제가 앱을 하나 개발중인데요. 저 혼자 1인 개발로 하고 있습니다. 일단 생각나는데로 페이지 하나씩 개발하다보니 페이지 다 만들고나서 기능 추가, 수정을 위해 갈아 엎는 경우가 계속 생기더라구요.AI에 물어보니,  혼자서 개발할 때의 적용 순서 (요약)"대참사"를 막기 위한 가장 이상적인 생각의 흐름은 다음과 같습니다."누구를 위한 앱이지?" -> 유저 페르소나를 간단히 정의한다.(예: "30대 초반의 이직 준비생, 김코딩")"김코딩은 지금 어떤 어려움을 겪고 있지?" -> 유저 저니맵을 그려본다.(예: "강의 정보가 흩어져 있어 비교하기 힘들다"는 Pain Point 발견!)"좋아, 이 문제를 우리 앱으로 어떻게 해결해 줄까?" -> 핵심 기능들의 유저 플로우를 그린다.(예: "강의 비교하기" 플로우, "수강 신청" 플로우를 그려보며 필요한 화면들을 구체화한다.)"그래서 우리 앱은 총 몇 개의 화면이 필요하고, 메뉴는 어떻게 구성할까?" -> IA를 정리한다.(예: 엑셀에 필요한 페이지 목록과 메뉴 구조를 쭉 적는다.)"각 화면의 레이아웃은 어떻게 잡고, 흐름은 자연스러운가?" -> 와이어프레임/프로토타입을 만든다.(예: Figma로 간단히 화면들을 그리고 연결해서 직접 클릭해본다.)"오케이, 이대로 만들면 되겠다!" -> 이제 개발을 시작한다.이 과정을 거치면, 개발 단계에서는 이미 구조가 다 정해져 있기 때문에 '뭘 만들어야 하지?'를 고민하는 대신 '어떻게 잘 만들지?'에만 집중할 수 있습니다. 라우팅이 꼬이거나 페이지를 뒤엎을 확률이 극적으로 줄어들게 됩니다. 위와같이 얘기해주는데요. 유저 저니맵과 유저 플로우는 따로 할 필요가 없나요? 선생님 강의에 내용이 없는거 같아서요. 그리고 와이어프레임과 프로토타입은 같은거에요?

안녕하세요. 표제 관련 문의 드립니다. 수업대로 박스 생성 후 텍스트를 넣었고 그룹화한 다음에 add auto layout을 하였습니다. 이렇게 구두 박스를 만들고 복사해서 스니커즈를 만드려는데, auto layout이 됐음에도 텍스트가 프레임 밖으로 삐져 나옵니다. 구두 프레임 width를 hug로 맞추면 복사한 프레임 내 텍스트가 삐져나오는 현상을 막을 수는 있으나 선생님이 하신 것처럼 구두는 width를 작게 시작해서 스니커즈같이 긴 것은 긴대로. 이런식으로 구현하려면 어떻게 해야 하나요?

안녕하세요. 질문드립니다.frame과 component, variants, instance의 관계를 다시 설명해주시면 감사하겠습니다.그리고 실제로 수행하는 부분에서 잘 안되는게 있어서 질문드립니다.Icon/Button component에 새로운 1,2번 아이콘을 추가하려고 합니다. 그런데 기존 Icon/Button variants로 합쳐지지 않아요. 1,2번을 선택하면 우측에 combine as variants 버튼이 확인되는데 Icon/Button 자체가 variants라서 그런가? 잘 안되네요.이렇게 variants 자체를 클릭하면 추가할 수는 있는데 제가 새로 만든 1,2번을 추가하는 것이 원활하게 잘 안되고 있습니다 ㅜㅜ 이때부터 어떻게 바꿔야 하는지 잘 모르겠어서 추가가 잘 안되고 있는데, 혹시 알려주실 수 있으실까요?

PC 앱 버전이나 브라우저 버전이 모두 강사님과 위치나 이런 것들이 다르고.. Arrow auto plug in도 조회가 안됩니다. 이런 것들이 없는 경우나, 구조가 다른 경우(찾아 보니 현재 버전은 좀 구조가 다르다던데..)에 대한 설명이 보완됐으면 좋겠어요. 찾다가 시간 가네요.