- Tubelator AI
- >
- Videos
- >
- Education
- >
- Building a Real App with Figma AI in 48 Hours: Complete UX/UI Process
Building a Real App with Figma AI in 48 Hours: Complete UX/UI Process
Discover the entire process of creating a real app using Figma AI in just 48 hours! Follow along as we dive into user research, design creation, prototyping, and transforming it into a functioning app. Learn step-by-step from user analysis to UI design and app prototyping. Perfect for those looking to understand the AI capabilities of Figma and create a seamless UX/UI experience.
Install Tubelator On Chrome
Video Summary & Chapters
No chapters for this video generated yet.
Video Transcript
나는 정확히 내가 Figma의 AI를 사용하는 방법의 전체 과정을 당신에게 장면 뒤에 보여줄 것입니다.
사용자 연구 및 분석을 수행, 내 디자인을 생성, 나를 위해 그들을 프로토 타입하기 위해, 그리고 나는
그것을 더 많이 가져 가서 우리가 그것을 실제 앱으로 어떻게 변환하는지 보여줍니다. 나는이 모든 것을 할 것입니다
그래서 나는 지난 주에 내 회계사와 만났고 그는 기본적으로 그 방법으로 나에게 말했다
내 책을 유지하는 것이 가장 최적이 아니었다. 그리고 나는 그냥 생각, 나는 정말 쉽게 방법을 가지고 싶었다
내 돈이 어떻게 들어오는지 확인하고 그 다음 특정 계좌 또는 버켓에 할당 할 수 있습니다
내가 투자를 위해 충분히 투자하고, 세금이나 개인을 위해 절약하는지에 대한 아이디어
혹은 응급 기금.그리고 나는 그것이 다른 사람들이 가지고있는 문제입니까?
그래서 여기 우리가 할 일입니다. 우선, 우리는 몇 가지 연구를 수행 할 것입니다.
우리는 그들의 문제에 대해 사람들에게 이야기 할 것이고, 우리는 어떤 해결책이 존재하는지 알아볼 것입니다.
그런 다음 우리는 우리의 해결책을 위해 발견한 약점과 기회를 기반으로 계획하고 전략화 할 것입니다.
그런 다음 우리는 UI를 디자인합니다. 우리는 테스트하고 반복하기 위해 마이크로 앱과 같은 단일 흐름을 만들 것입니다.
그리고 마지막으로, 우리는 앱을 코드하지 않고, 그것을 표시하고, 데이터베이스 모델과 기능을 만들 것입니다.
첫 번째 두 부분은 FigJam AI에서 이루어집니다.그리고 우리는 Figma AI로 이동하고 Fuzzy AI로 이동합니다.
이것은 깊은 튜토리얼입니다, 그래서 끝까지 확인하고 당신이 필요로하는 경우 저장하십시오
나중에 돌아오십시오.
그래서 나는 일부 사용자 연구와 함께 이것을 끄고 FigJam 파일을 열 것입니다.
그래서 내가 원하는 첫 번째 일은 어떤 종류의 브라이언스 타워입니다.
여기 위의 버튼이 나를 도울 것입니다.
그래서 AI를 사용하여 Brainstorm을 생성하고 싶습니다.
프리랜서 예산에 대한 연구 통찰력, 그리고 그냥 앞으로 가서 그것을 생성하자.
그냥 그것이 무엇을 했는지 살펴보자.
그래서 예, 그것은 내가 예산 앱이 무엇인지 현재의 풍경을 탐구하고 싶어합니다.
그것은 내가 프리랜서가 직면 한 몇 가지 도전을 통해 생각하고 싶어, 그것은 훌륭합니다.
그리고 그 다음 전략. 그래서 지금 나는 AI가 나에게 마음지도를 생성 할 것입니다.
프리랜서 예산 및 돈 분배에 관한 모든 것. 우리는 단지 주제를 탐구 할 것입니다
이것에 대해. 오, 나는 여기에 그것을 넣어 다음 생성합니다. 그것은 여기에 두 번째 두뇌처럼
나와 그것은 내가 탐구 할 수있는이 모든 것에 포인트를 연결 할 것입니다. 그들은
이러한 다른 수입 출처, 맞습니까? 그들은 비용, 세금, 절약이있을 수 있습니다. 그래서이
이게 바로 내가 보여주는 술집의 시작처럼 들리다.
프리랜서가 무슨 일을 하고 있는지, 그게 진정으로 깊어지고 있다.
내 MVP가 어디에 있는지 확인할 수 있습니다. 괜찮습니다.
그래서 먼저 나는이 사용자 연구에 가기 전에 약간의 계획이 필요합니다.
부분.그래서 나는 FigJam이 나를 도와줄 것입니다. 다시 여기,
나는 단지 섹션을 만들고 이것은 단지 내 연구처럼 될 것입니다
계획. 나는 스티커를 잡을 수 있습니다,
나에게 연구 계획을 만들고, 나는 그냥 그것을 복사 할 것입니다
바로 여기.그리고 나는 내가 좋아하는 작은 도구를 사용하고있다,그것은 아래에이 위젯입니다
JamBot라고 불렀습니다. 그래서 나는 그것을 클릭합니다, 나는 JamBot을 잡고 그것을 바닥에 끌 것입니다.
이제 내가해야 할 일은 모든 스티커를 JamBot에 연결하는 것입니다, 그리고 나는이 AI 중 하나를 사용할 수 있습니다.
나를 도울 수있는 기능. 그래서 나는 ID8입니다 첫 번째를 클릭 할 것입니다. 그리고 그것은 그냥 나에게 이것을 만들었습니다.
연구 계획의 분열을 제공하는 전체 섹션. 그것은 수행하는 것을 말한다
설문 조사 및 인터뷰, 기존 예산 앱을 분석하고 인터페이스를 만들고,
앱을 개발, 등 그래서 나는이 비디오에서이 모든 것을 할 것입니다.
내가 10 분 안에 계획된 인터뷰를 가지고 있기 때문에 할 필요가 있기 때문에
이 인터뷰에서 물어볼 것 같은 질문을 작성하십시오. 그래서 나는
인터뷰 섹션으로 여기에 다시 점프하고 나는 드래그 할 것입니다
여기에 또 다른 접착제 그리고 나는 말할 것입니다, 나에게 프리랜서에 대한 몇 가지 인터뷰 질문을 작성하십시오.
예산 요구, 습관 및 해결책에 대해.
나는 여기에 다시 돌아올 것이다.
