AI로 배우는 프로 디자이너 비법, 지금 바로 시작하세요!

사랑스러운 볼트 v0x를 더 잘 활성화하는 해킹 방법을 찾았는데,  아무도 언급하지 않는 도구입니다.

 저는 UI를 촉구하는 방법을 보여주기 위해 해당 도구의 창시자를 데려왔습니다 .

 그리고 이 에피소드는 시청하는 사람들이 더 많은 비용을 지불할 수 있는 에피소드가 될 수도 있습니다.

 그들은 제품에 대한 신뢰를 더 많이 얻게 될 것이고, 그들의 분위기 코딩 제품은 정말 눈 부시고 멋진 디자인을 선보일 것이고, 이것은 여러분에게 불공평한 이점이 될 것입니다 .

 알았어, 콜린.

 콜린 데이비드 케네디, 방금 5km 달리기에서 우승한 그 사람이에요.

 야, 뭐야? 당신은 5,000달러를 얻었습니다.

 참 달콤하네요.

 정말 멋지네요.

 당신은 그것을 어떻게 할 건가요? 아마 시작하려면 볼트 뉴에 대한 비용을 지불해야 할 것 같아요.

 응.

 무엇? 저는 무료로 사용하다가 크레딧이 소진될 때까지 기다렸다가 일을 시작할 날을 기다립니다.

 그래서 제가 제일 먼저 하는 일은 바로 그것입니다.

 괜찮은.

 그리고 당신은 무엇을 만들고 있나요? 어, 일요일 재설정이에요.

 그러니까 기본적으로 AI로 구동되는 리셋 도구라고 할 수 있죠.

 일주일 동안의 질문을 많이 묻고, 목표가 무엇인지 묻고, 이메일을 보냅니다.

 지금은 적어도 여러분께 최신 소식을 전해드리기 위해 이메일을 보내드리겠습니다.

  그러면 여러분이 이메일을 작성하고, 시간이 지나면서 여러분의 패턴과 습관을 학습하여 여러분이 더 많은 것을 성취하고 일주일 내내 목표를 유지하는 데 도움이 될 것입니다.

 이것이 제 목표입니다.

 시원한.

 그리고 당신은 5,000점을 획득할 것이라고 생각했습니까? 얼마나 기쁘 신가요? 아니, 아니, 그러지 않았어요.

 음, 그냥 내놓은 거예요.

 우연히 영상을 클릭하게 됐습니다.

 저는 항상 그런 것들을 많이 보고 , 이게 무슨 일인지 아시나요? 저는 그냥 할게요.

 무슨 일이 일어나는지 보세요.

 알았어, 친구야.

 음, 밍, 고맙네요.

 이 에피소드를 끝내면 사람들은 무엇을 배우게 될까요? 확신하는.

 음, 저는 AI가 일반적인 콘텐츠와 디자인을 만드는 데 지금 큰 문제가 있다고 생각합니다.

 그리고 저는 당신이 배워야 할 것은 그것을 맛있게 하는 방법이라고 생각합니다.

 왜냐하면 궁극적으로 그것이 우리를 인간답게 만들고 AI와 차별화하는 것이기 때문입니다.

 따라서 여러분은  올바른 방식으로 프롬프트를 표시하는 방법, 프롬프트를 표시할 올바른 리소스를 찾는 방법 , AI에 제공할 올바른 맥락을 찾는 방법, 올바른 디자인 리소스, 올바른 취향( 예: 타이포그래피, 색상, 시각적 계층 구조) 등을 배우게 될 것입니다.

 이러한 모든 요소는 디자인을 다음 단계로 끌어올리는 것이며, 그저 일반적인 것이 아닙니다.

 좋습니다.

 시작해볼까요 .

 제가 보기엔 지금은 모두가 Vzero를 알고 있고, 모두가 Lovable을 알고 있습니다.

 저는 이것이 멋지다고 생각합니다.

 왜냐하면 우리 모두가 원하는 모든 제품을 동시에 만들 수 있는 플랫폼을 중심으로 단결하고 있기 때문입니다.

  이것은 개발자 중심적이며 여기서 보여주지 않는 대부분은 결과의 99%가 매우 일반적이라는 것입니다.

 아시다시피 디자인, 시각적 디자인, 음, 저는 무작위로 무엇이든 선택할 수 있지만 가장 디자인 지향적인 결과는 찾을 수 없습니다.

 그리고 제가 제 영상과 Aura라는 플랫폼을 통해 전달하고자 하는 것은, 뭔가 더 디자인 지향적인 것을 만드는 것입니다.

 그래서 Figma를 정말 잘 다루는 사람이라면  프롬프트 빌더를 사용해서 무언가를 촉구할 수 있을 겁니다.

 그래서 우리는 기존 템플릿을 어느 정도 적용할 수 있을 겁니다 .

 그러니 당연히 수천 개가 있겠죠.

 네, Vizero와 그 외 다른 템플릿도 있지만 보시다시피 그 느낌이 매우 다릅니다.

 음, 대부분은 매우 기본적이고 일반적입니다.

 음, VZ도 마찬가지인데, 제 생각에 VZ는 개발자에게 더 적합하고, Loveable은 디자이너에게 더 적합합니다.

 보시다시피 그다지 매력적이지는 않습니다.

 Figma를 도입한 지  10년이 아니라 5년이 지난 디자이너를 설득해서 여기에 와서 이해 관계자를 설득해서 참여시키려고 하는 건 불가능합니다 .

 하지만 이를 통해 스타트업을 시작하고 회사를 설립하고 주말에 무언가를 만들 수 있는 힘을 얻게 됩니다.

 음, 제가 말씀 드리고 싶은 건,  아우라나 드림 컷과 같은 여러 제품을 코딩하는 VIP 코딩 전문가로서, 두 제품 모두 15만 줄이 넘는 코드가 있다는 겁니다.

 그래서 몇 달, 몇 달이 걸리는 작업이죠.

 저는 독특한 관점을 가지고 있다고 생각합니다.

  AI에 많은 맥락을 제공하고 취향에 맞게 훈련해야 합니다.

 그러면 어떤 디자인을 사용할 수 있을까요? 그래서 어떤 종류의 레이아웃을 만들고 싶은지 알고, 어떤 레이아웃을 가져올지,  문서 사이트인지 업데이트 페이지인지, 포트폴리오인지, 가격표를 만들고 있는지 알고, 또한 그 안에는  목록, 그리드, 사이드바 또는 벤드 레이아웃과 같은 여러 가지 레이아웃이 있는데, 이는  아주 새로운 것으로 Apple에서 많이 사용하고 있으며 모두가 이를 따르고 있지만, 익숙해져야 할 용어가 너무 많고   레이아웃을 1/3 1/4와 같이 분리하는 방법을 설정하고 그리드 레이아웃을 채워야 하며, 마케팅 측면에서 많은 도움이 되는 프레이밍도 있습니다.

 마케팅은   디자인에 관한 것이고, 사용자 경험에 관한 것이고, 사람들이 여러분의 디자인을 봤을 때 무엇을 느끼는지에 관한 것이기 때문입니다.

 그게 일반적인 느낌이어서는 안 됩니다.

  2시간, 몇 주 또는 몇 달을 투자하더라도 독특함을 느껴야 합니다.

 하지만 그들은 그런 사실을 알 필요가 없습니다.

 그들은 당신이 무언가를 만들고 있다는 사실 과 그것을 독특하게 느끼게 하는 특별한 소스가 있다는 사실만 알아야 합니다.

 그래서 프레이밍 또한 중요한 측면입니다.

 그래서 인스타그램과 트위터에서 많은 사람들 이 전체 화면 모드로 디자인을 보여줄 뿐만 아니라 프레임 안에서도 디자인을 보여주는 것입니다.

 그래서 그들은 브라우저나 카드를 가지고 있고, 그 카드 주변에 많은 U가 있습니다 .

 때로는 점토 같은 것이 필요하기도 하고, 이 모든 것에 익숙해져야 하고, 이 프롬프트 빌더를 사용하면 시각적으로 이러한 것들을 설정할 수 있고, 스타일링도 할 수 있습니다.

 평평한 레이아웃인가요? 이건 개략적인 레이아웃인가요? iOS인가요, 아니면 머티리얼 디자인인가요? 알죠, 라이트 모드인가요, 다크 모드인가요? 그리고 기본 색에 대해 알아보겠습니다.

 물론, 계속해서 말할 수는 있겠지만 , 아시다시피 타이포그래피는 매우 중요합니다.

 모든 디자인의 80%는 텍스트입니다.

 그러니까, 적어도 위험할 정도로 중요한 글꼴이 무엇인지 알고 싶을 겁니다  .

 그렇다면 지금 사람들이 가장 많이 사용하는 것은 무엇일까요? 음, 인터, 그 다음 가이즈, 맨로브, 그리고 세리프 글꼴이 뭔지 아시죠? 마지막으로 애니메이션으로 마무리합니다 .

 그래서 여러분은 자신의 디자인에 어떤 종류의 애니메이션을 적용할 수 있는지 알고 싶어합니다.

 그래서 시퀀스 애니메이션이 매우 일반적이라는 것을 알고 계시죠 .

 애플은 그런 일을 많이 하죠 .

 그러니 모든 것이 갑자기 사라지지 않습니다.

 하나하나씩, 요소 하나하나 , 때로는 단어 하나하나 또는 글자 하나하나가 그렇습니다 .

 그러니까 이 모든 것들을 하나로 모아서 프롬프트에 추가하면 됩니다.

 그럼 여기서 디자인 중 하나를 선택하고 그것을 프롬프트에 추가하면 됩니다.

 이게 여러분의 전체 프롬프트입니다.

 문맥이 정말 많고, 제대로 하면  경험이 쌓이면 쓸 수 있지만, 제대로 하면 처음부터 하는 것보다 정말 놀라운 결과를 얻을 수 있을 겁니다.

  미묘한 차이와 참고 자료가 너무 많으니까요.

  가장 좋아하는 웹사이트의 이름을 꼭 적어야 하고, 시간이 지나면서 점점 더 좋아질 거예요.

 어휘가 많을수록   AI가 당신을 위해 올바른 일을 하도록 더 잘 지시할 수 있어요 .

 그래서   예를 들어 이처럼 매우 일반적인 것을 갖는 대신에, 훨씬 더 풍미 있고 독특한 것을 갖게 되었는데, 왜냐하면 여러분이 훨씬 더 많은 뉘앙스를 가져왔기 때문입니다 .

 그리고 이건 분명히 여러분이 볼 수 있는 일이 아닐 겁니다.

 음, 그리고 알다시피, 아주 특정한 글꼴이에요.

 예를 들어, 가격 책정에 있어서는 매우 구체적인 레이아웃이 있습니다.

 알다시피, 그러면 세부 사항으로 들어가죠.

 애니메이션에 빠져보세요.

 보시다시피, 그 일은 그냥 일어났습니다.

 그리고 저는  이 일에 몇 주, 몇 달 동안 노력을 들일 필요가 없었습니다.

 저는 그냥 프롬프트 빌더로 설정하기만 하면 됩니다.

 그리고 우리는 시작합니다.

 결과는 바로 우리 앞에 있습니다 .

 응.

 제가 당신을 초대하고 싶었던 이유는  많은 사람이 이 쇼를 듣고 있기 때문입니다.

  전 세계의 Vzero를 자극하는 수많은 사람들이 있고, 전형적인 Shad CN 템플릿을 받아서  인스타그램과 트위터 등에 올리고 있는데, 아시다시피 전환율이  매우 낮습니다.

  전환율이 낮은 이유 중 하나는 UI 와 디자인이 사람들에게 공감을 얻지 못하기 때문이라고 생각합니다.

 그리고 이게 멋진 점은 거의 보조 바퀴와 같다는 거예요 .

 음, 여러 면에서 디자인을 위한 훈련 바퀴와 같은 역할을 하죠 .

 이건 마치, "아직 VZ에 제품 관리자로 들어가거나 관련 용어도 모르는 사람으로 일할 준비가 안 됐어"라는 뜻이에요.

 음, 약간의 도움이 필요하다는 것을 인정하고  기본적으로 무엇을 촉구해야 하는지에 대한 보호 장치가 필요합니다.

 그래야 최선의 방법으로 촉구할 수 있습니다.

 정확히.

 그리고, SAT SHATZEN을 언급한 게 재밌네요.

 왜냐하면 VZero   로 졸업 파티에 갈 때 가장 흔히 보게 될 템플릿 중 하나거든요 .

 이는 플랫폼에 깊이 내장되어 있습니다 .

 그리고 사랑스러워요, 당신은 그림자와 조금 더 비슷한 것을 보게 될 거예요 .

 하지만 그것이 더 좋다는 뜻은 아니에요.

 저는 모든 것이 똑같아 보인다고 생각합니다 .

 다른 하나는 그림자가 너무 많고 그라데이션이 너무 많은 것 같아요.

 맞나요? 마치  이런 것을 보는 것처럼요.

 훈련받지 않은 사람이라면 이걸 보고, 그렇게 나쁘지 않다는 걸 알 거예요.

 하지만 더 훈련된 사람이 이걸 살펴봅니다.

 UI를 아는 사람이 만든 게 아니라는 걸 첫 순간부터 알 수 있죠.

    제품에 관심이 있는 사람이 필요하다는 게 핵심입니다.

 어떻게 하면   디자인하려는 것에 대한 사려 깊음을 최대한 짧은 시간 안에 전달할 수 있을까요? 그럼   이런 모습이죠? 그리고 다시 말씀드리지만, 저는 이런 것에 더 신속한 노력을 기울이는 게 이런 것에 더 신속한 노력을 기울이는 게 아닙니다 .

 하지만 저는 사람들이      제품을 사용할 때 느끼기를 바라는 감정과 조심스러움을 불러일으키는, 훨씬 더 기분 좋은 것을 만들 수 있습니다.

 그래서, 아시다시피, 이 모든 상태, 모든 미묘한 차이, 윤곽선의 미묘한 차이, 그림자의 종류,  올바른 그림자와 잘못된 그림자를 구별하는 것이 정말 중요합니다.

 그러니까, 아시다시피, 제가 내놓은 모든 것들을 살펴보면 , 이런 것들이 천 개가 넘는다는 걸 알 수 있죠.

 이런 건 찾을 수 없을 거예요.

 Vzero에서 불가능하다고 말할 수는 없지만 분명히 매우 흔하지 않은 일이며, 그게 제가 제공하려고 하는 것입니다.

 그리고 최소한의 시간으로 올바른 수정을 할 수 있는 포스트 디자인 도구와 같은 포스트 도구가 필요합니다   .

 지금은 Figma가 있지만, Figma는 무엇보다도 AI 세계에서 아직 매우 새로운 단계입니다.

 사실 Figma가 출시된 지 얼마 안 됐지만, 정말 놀라운 디자인 도구인 건 사실입니다.

 그래서 제가 전달하고자 하는 것은 예를 들어 이렇게 텍스트를 빠르게 바꿀 수 있고, 글꼴을 빠르게 바꿀 수 있고,  사람들이 사용할 수 있는 가장 좋은 글꼴을 넣을 수 있다는 것입니다.

 그럼, 이미지 같은 것도 가져오죠.

 따라서, 처음  시작할 때 강력히 추천하는 Unsplash를 사용하고 싶다면,  최고의 이미지를 찾기 위해 인터넷을 뒤지고 싶지 않을 겁니다.

 그러니까, 최고의 태그를 갖고 싶은 거죠 .

 다시 한번, 여기에 가장 좋은 태그를 넣었습니다.

 렌더링과 같은 것을 사용하고, 디자인에 따라, 예를 들어 푸른색 디자인이 있다면 파란색을 선택하고, 관련성에 따라  이처럼 아름다운 것을 선택하면 됩니다.

 다시 말해,  여러분이 만드는 디자인에 독특성을 더하는 것입니다.

 그리고 다시 말씀드리지만, 우리는 이 일을 하는 데 많은 시간을 들이지 않습니다.

 우리는  이런 것들을 편집하고 출력물의 품질을 높이고 적응형으로 만드는 데 몇 초, 몇 분밖에 걸리지 않습니다.

 코드 모드도 있죠.

 그래서 데스크톱을 알고 있고 iPhone에서도 볼 수 있는데, 놀라울 정도로 잘 작동합니다.

 그리고 다른 누구도 하지 않는 기능도 제가 추가하고 싶은 것입니다.

 이건 다 분위기에 따른 거예요 .

 그러니까, 우리는 이 부분에서 같은 생각을 가지고 있는 셈이죠 .

 아시다시피, 여러분이 VIP 코더라면 웹사이트를 만들 것입니다.

 우리도 지금 똑같은 일을 하고 있습니다.

 그런데도 저는  다른 누구도 하지 못하는 놀라운 일을 할 수 있어요.

 예를 들어, 텍스트를 클릭하면 텍스트가 나타나고, 이제 여기에서 편집할 수 있습니다.

 그렇습니다.

 코드를 아는 게 도움이 되지만,     코드의 맥락 내에서 직접 내용을 편집할 수 있는 매우 사용자 친화적인 도구를 가질 수 있다는 점도 중요합니다.

 왜냐하면 우리 모두가 코드를 사용하고 있기 때문입니다.

 저는 그것이 정말 엄청나게 강력하다고 생각해요.

 음, 가장 원치 않는 일은 상황을 무자비하게 만드는 것이 겠죠? 전통적인 의미의 코드는 매우 무자비합니다.

 실수를 한 번만 해도 오류가 발생합니다.

 사실, 비세로와 러블의 초기 단계에서, 당신이 첫 번째 프로젝트를 기억하는지 모르겠어요.

 시간의 절반은 오류가 발생하는 데 쓰이겠죠? 아시다시피, 그걸 넣고, 그걸 촉구하고, 그런 다음 앞뒤로 보내야 합니다.

 지금은 많이 나아졌지만 여전히 이런 오류가 발생합니다.

 그리고 이런 오류가 발생하면 많은 사람들이 포기하게 되는데, 정말 슬픈 일입니다.

 그리고 음, 저는 우리가 정말 먼 길을 왔다고 생각하고, 디자인과 코딩을 수년간의 경험 없이도 쉽게 할 수 있는 도구를 가지게 되었다고 생각합니다.

 저는 그것이 많은 사람들에게 정말 강력할 수 있다고 생각해요 .

 응.

 그리고 제가 이 기능의 강력함에 대해 말씀드리고 싶은 또 다른 점은 더  나은 디자인이 있을 때 더 많은 비용을 청구할 수 있다는 것입니다.

   화면에 이런 것이 나오면 더 많은 자신감이 생기기 때문입니다.

 제가 이걸 보고, "내가 뭘 아는지 알겠지? 제품 관리자인 사라 마르티네즈를 믿어.

" 라고 생각했어요.

 그녀는 이게 V자형 기업인 것 같다고 생각하는 것 같아요 .

 A16Z가 지원하는 회사죠.

 음, 그리고, 더 나은 디자인이 있으면 때로는 두 배, 세 배, 네 배, 다섯 배 더 비싼 가격을 청구할 수도 있다는 게 놀랍죠.

 전적으로.

 그리고 여러분이 아는 기술이 없다면 경쟁자들은 여러분보다 훨씬 더 나은 기술을 가지고 있을 겁니다.

 그러니까 예를 들어, 제가 Vzero와 경쟁한다면 , 글쎄요, 그들은 수백만 달러를 가지고 있고, 아시다시피, 그들은  수억 달러의 가치가 있는 회사이고, 음, 그리고 사랑 스럽고 Figma도 있지만, 저는 그에 필요한 인프라가 없습니다.

 저뿐이에요.

 그러면 어떻게 하면 다른 사람들과 차별화할 수 있을까? 음, 가장 하고 싶지 않은 일은 그들이 하는 일을 그대로 따라하는 것입니다.

 이건 당신이 하고 싶은 마지막 일입니다.

 당신은 다른 사람들과 차별화를 이룰 수 없을 테니까요.

 그러니 여러분 앞에 있는 도구에는 물론 마케팅이 있습니다.

 소셜 미디어에 거대한 채널이 있다면, 제품이 아무리 형편없더라도 기능만 있다면 사람들은 구매할 것입니다.

 하지만 당신을 모르는 사람들이 가장 까다로운 고객입니다.

 그리고 그 사람들은 좋은 디자인을 보고 그것을 믿고 싶어합니다.

 그래서 우리는 Apple 같은 웹사이트에 가서 " 내 돈 가져가, 알았지?"라고 말하는 거예요.

 마치 우리가 바로 지갑을 여는 것과 같습니다.

 그 이유는 우리가 매우 신뢰할 수 있는 디자인을 가지고 있기 때문입니다.

 제품을 만드는 사람들은 한계를 뛰어넘는 데 신경을 쓰고,   보기에도 좋고 느낌도 좋은 제품을 만드는 데 신경을 쓰는 것 같습니다.

 그러면,    AI로 더 나은 회사를 만들지 않으면 곧 공룡이 될 수많은 회사들과 경쟁하는 이 세상에서 어떻게 차별화를 꾀할 수 있을까요? 이를 통해 차별화를 꾀할 기회가 생깁니다.

 마케팅, 디자인, 기능 등 여러분이 해야 할 모든 일이 있습니다 .

 당신은 반드시 그것에 관심이 없다는 것을 전달하지 않고도 가능한 한 적은 시간을 보내야 합니다  .

 제 생각엔 그것이 가장 큰 문제인 것 같아요.

 가능한 한 적은 시간을 투자하더라도 여전히 최대한 관심을 가질 수 있습니다.

 저는 그것이 정말 강력하다고 생각해요.

 이쯤에서 마무리하겠습니다.

 '   스타트업 아이디어 팟캐스트'라는 쇼를 듣는 사람들에게 조언이 있으신가요? 이들은 종종 여러 개의 제품을 만드는 사람들입니다.

   성공 가능성을 높이기 위해 그들에게 어떤 조언을 해주시겠습니까?  좋은 디자인을 볼 때 디자인으로 돌아가야 합니다.

 그저 좋은 디자인만 있는 건 아니지만, 좋은 디자인은 일반적인 디자인입니다.

 그렇죠.

 그리고 이 말은 차텐이 나쁘다는 뜻은 아닙니다.

 응.

 하지만 템플릿은 무엇이든 나쁘다.

 오른쪽.

 그리고 여러분은 확실히 셰이튼을 독특한 무언가로 만들 수 있습니다.

 하지만 문제는 한계를 넓히지 않으면 모두 이렇게 보일 거라는 거예요.

 응.

 그리고 이건 의도적인 거예요.

 이는 의도적이지 않은 일이 아닙니다.

 이건 모두 의도적인 거예요.

 그것은 템플릿입니다.

 이건 표준이에요.

 하지만 어떤 규칙이나 템플릿을 사용하더라도 그것을 자신만의 것으로 만드는 방법을 찾아야 하지 않을까요? 그래서 모두가 애플을 모방하는 거예요.

 그래서 모두가 망설임 없이 애플을 사는 거예요 .

 그래서 제가 가장 먼저 하는 일은  어휘를 배우는 것입니다.

 가능한 한 많은 앱을 사용해 보세요 .

 이런 것들에 관심이 있는 사람들을 최대한 많이 팔로우해보세요.

 인스타그램, 드리블, 트위터 등에서 최고의 디자인을 찾아보세요.

 그리고 이 사람들을 팔로우하고, 리소스를 모으고, 가장 좋아하는 디자인을 모아보세요.

 새로 고쳐보도록 하겠습니다.

 하지만 여러분이 알고 있듯이,  여러분에게 도움이 될 수 있는 모든 리소스를 찾을 수 있는 플랫폼이 매우 많습니다.

 그리고 이제 촉구 측면에서 여러분은 반드시 21st Dev와 같은 리소스를 찾아야 합니다.

 그곳에서 코드를 가져와서 여러분의 프로젝트에 적용할 수 있습니다.

 왜냐하면 AI는 맥락의 양이 매우 제한적이기 때문입니다.

  개방형 AAI에 의해 발톱으로 특정 방식으로 훈련되었지만, 독특하게 훈련되지는 않았습니다 .

 독특할 수 있는 유일한 방법은 그것을 말하고, 직접 도와주고, 리소스를 제공하고, 가장  좋아하는 웹사이트와 독 특성을 위한 최고의 리소스를 참조하는 것뿐입니다.

 그러니 불가능한 것은 아니죠.

 다만 조금 더 노력하면 된다는 거예요.

 그래서 여러분은 많은 사람들이 뭔가를 볼 수 있다는 걸 알죠.

  멍청하다고는 말할 수 없지만, 반짝이는 배경에 약간의 그라데이션을 더하는 것처럼 작은 것도    제품에 약간의 활력을 더할 수 있습니다.

 또는 OpenAI를 사용하면 텍스트 그라데이션을 로드할 때 작은 세부 사항을 적용할 수 있습니다.

 하지만 그것이 중요하고 그에 대한 코드를 찾아서 복사하면 됩니다 .

 모든 코드를 복사하세요.

 그걸 프로젝트에 붙여넣고 거기서 프롬프트를 표시하면 됩니다.

 그리고 다시, 우리는 코드 펜과 같은 더 많은 리소스를 가지고 있는데, 이건 새로운 리소스가 아니죠? 이들은 모두  수십 년 동안 존재해 온 오픈소스 커뮤니티입니다.

  예를 들어 Jay와 같이 놀라운 사람을 팔로우하는 것은 그가 온라인에 공유하는 놀라운 JavaScript 실험을 많이 하는 것입니다.

 그런 다음 코드 펜을 보고  거기에 도달하는 다양한 기술을 이해할 수 있습니다.

 예를 들어 HTML, CSS, React, iOS, Swift UI 등이 있습니다.

 그러니 코드를 복사하는 것은 전혀 문제가 없습니다.

 구성 요소, 버튼, 로더, 배경 애니메이션 라이브러리를 찾을 수 있습니다.

 그리고 여러분의 편안함의 수준에 따라 이것이 제가 가장 좋아하는 호출 반응 비트 중 하나라는 것을 다시 한 번 알게 될 것입니다.

 따라서 입자, 글꼴, 텍스트 애니메이션, 흐림 효과 등을 적용할 수 있습니다.

   라이브러리 코드나 여러분이 가지고 있는 어떤 구성 요소든 단 하나의 프롬프트에 첨부하는 것만으로 이 모든 것을 가져올 수 있습니다 .

 그러니까, 물론이죠, 그건  하룻밤 사이에 배울 수 있는 게 아닙니다.

  지금 당장 이 모든 자료를 알 필요는 전혀 없습니다 .

 사실, 그중 하나만 알고 있어도  한 프로젝트를 시작하기에 충분하고, 다음 프로젝트에서는  항상 만들고 싶었던 다음 구성 요소나 만들고 싶었던 다음 애니메이션으로 넘어가고, 그 특별한 소스를 가져와서 다음 프로젝트를 진행하면 됩니다.

 그러니 다시 말씀드리지만,  한꺼번에 너무 많은 일이 일어난다고 두려워하지 마세요.

 정말 당신을 움직이는 한 가지를 찾아서 그것을 가져와서 정말 훌륭하고 독특하게 만들고, 음, 알다시피, 디자인을 다음 단계로 끌어올리세요.

 제 생각엔 그렇게 하면 절반의 전투는 제대로 이루어질 겁니다.

 마케팅은 디자인에 관한 것이고, 좋은 디자인을 하면 제품 자체가 마케팅에 활용될 테니까요.

  네, 물론입니다.

 그래서 저는 작은 고백을 하나 해야겠습니다.

 그래서, 어젯밤에 150억에서 200억 달러 규모의 회사의 공동 창립자로부터 DM을 받았는데, 제가   시작한 새로운 프로젝트인 ideab browser.

com에 대한 코멘트가 있었습니다.

 그리고 그곳에 가보면 ideabrowser.

com이라는 곳이 있습니다.

 네.

 음, 그는 "디자인이 정말 마음에 들고 미묘한 디테일도 좋아요.

"라고 말했어요.

 당신은  디자이너이기 때문에 디자인을 싫어할 가능성이 높지만, 고백하자면 이 프로젝트에는 디자이너가 한 명도 없었습니다.

 음, 이건 당신이 언급한 리소스인 21st Dev에서 사용되었던 것 같아요  .

 아시다시피, 작은 세부 사항들이 중요하죠.

 예를 들어, 로고가 약간 움직이는 것처럼요.

   트렌드를 파악하기 위해 1위 소프트웨어 위에 마우스를 올려놓으면, 아시다시피,  작은 것들이 움직이는데, 이게  바늘을 움직이는 거예요.

 그래서  존경하는 사람들의 DM을 받게 되고, 디자인이 멋지다고 하고, 저는 그에게 이 프로젝트에는 디자이너가 없다고 말하고 싶었어요.

 저는 전적으로 동의합니다.

 믿으실지 모르겠지만 Aura를 만드는 데 아마 일주일 정도 걸렸을 겁니다.

 정말 미친 짓이죠.

 Vzero , Figma 등과 경쟁하고 있거든요.

 그러니까 거기에는 많은 특징이 있는 거예요.

 하지만 아시 다시피 저는 Mac 앱으로 시작했는데, 그게 제대로 성공하지 못했어요.

 그게 제 첫 번째 Mac 앱이었어요.

 이걸 완전히 진동 코드로 구현했는데, 사실 3주가 걸렸어요.

 하지만 아무도 앱을 설치할 수 없었고, 맥 성능 등에 문제가 있어서 웹 플랫폼으로 옮겼어요.

 그래서 저는 그것을 실험해 보았습니다 .

 저는 또한 프롬프트에 대한 정말 큰 소개도 만들었습니다.

 그리고 실제로 제 제품이 성공을 거둔 곳이 바로 여기입니다 .

 처음에는 아무도 제가 만든 맥 앱에 관심을 두지 않았어요.

 제가 이 프로젝트를 채팅을 위한 음성 서비스로 시작했거든요.

 디자인에서도 알 수 있죠? 목소리.

 예.

 음성을 텍스트로 변환하고 프롬프트를 표시합니다.

 그것이 첫 번째 아이디어였습니다.

 그리고 바로, 나는 방향을 바꿨죠, 그렇죠? 아시 다시피, 이런 종류의 일은 예상해야 합니다.

 하나의 프로젝트를 시작하면 시도해 볼 수도 있고 잘 안 될 수도 있지만, 그래도 멈추지 말고 포기하지 말고 계속 사용하면 첫 번째 고객이 되어 문제를 스스로 해결할 수 있습니다.

 결국 이 앱을 만들면서 HTML 생성기가 탄생했습니다  .

 저는 그것이 너무 좋고 강력하다고 생각했어요.

 사람들이 그것을 사용할 수 있고, 저도 그것을 사용한다는 걸요.

 사실, 저는  이것으로 약 400개의 디자인을 만들었습니다.

 제 프로필을 보시면 제가 만든 디자인이 정말 많아요.

 음, 그리고 아시다시피, 그러려면 엄청난 호기심을 가진 사람이 필요하죠 .

 그래서 제가 이걸 만들 때, Mac 앱까지 3주가 걸렸고 결국에는, 좋아, 아직 웹사이트가 필요하다고 생각했어요.

 사람들이 이걸 살 곳은 바로 거기예요.

 아직 가격 페이지와 그런 자료들이 필요하고, 다운로드 페이지도 필요하고, 학습 페이지도 필요하고, 사람들이 자신의 창작물을 공유할 수 있는 공간도 필요해요.

 그래서 저는 Mac 앱을 개발하는 동안 이 모든 것을 만들었습니다 .

 결국, 일주일, 단 일주일 만에 Mac 앱에서 만든 모든 기능을 웹 앱으로 가져왔습니다.

 그리고 우리는 여기에 있습니다.

 우리가 가진 것은 바로 이것입니다.

 확신하는.

 2주 후에, 제가 생각해 낸 것이 바로 이겁니다.

 첫째 주에는 이미 프롬프트 빌더가 있었습니다.

 저는 이미 생성할 수 있는 생성 기능을 가지고 있었고 , 또한 생성할 때 라이브 미리보기 기능도 이미 가지고 있었습니다.

 그러니까, 다른 사람은 그런 걸 가지고 있지 않아요.

 음, 생성할 때는 모든 작업을 실시간으로 미리 볼 수 있어요.

  뭔가가 나타나기까지 5분 정도 기다릴 필요는 없습니다.

 하지만 저는 그런 디자인을 좋아하지 않았습니다.

 아직 코드가 없었어요.

 그러니까, 이건 두 번째 주였고 이건 세 번째 주 같은 거였어요.

 하지만 저는 그것을 만들고 있었고, 많은 기능을 추가하고 있었습니다 .

 그리고 이제 3주 만에, 그렇죠? 우리는 매우 기능적인 제품을 만들었습니다.

 사실, 우리는 지금 이미 하루에 500명의 사용자를 확보하고 있습니다 .

 매일 500명의 사용자가 이 플랫폼에 가입하고 있습니다.

 그리고 우리는 방금 시작했지만  현재 약 3,000 MR을 만들고 있으며,   사용자 수에 따라 크게 성장하고 있습니다.

 저는 홍보를 전혀 하지 않았습니다.

 저는 광고 나 애드워즈를 전혀 하지 않았습니다.

 네, 제휴 채널이 있습니다.

 예.

 음, 아시다시피, 제가 이전에 말했듯이 가장 중요한 것 중 하나는, 저는 직업으로 가르치는 사람이고,  디자인 과 코드를 가르치는 플랫폼인 Design Code를 운영하고 있다는 것입니다.

 하지만 사용자를 끌어들인 것은 디자인 코드가 아니었습니다 .

 이것이 바로 타이포그래피 프롬프팅이거나 프롬프팅 팁이었습니다.

 그리고 제가 유튜브에 올린 이 영상은  트위터에서 9.

5~9.

2,000~2,000개의 좋아요를 받았고, 유튜브에서는 이미 50,000회 조회되었습니다.

 하지만 가장 중요한 건, 전망만이 아니라는 거예요.

 얼마나 많은 사람들이 응답하느냐에 따라 얼마나 많은 사람들이 피드백을 주느냐가 결정됩니다.

 그렇게 해서 제품을 만드는 거잖아요?  아시 다시피, 처음에는 실패할 거예요.

 일주일 안에 방향을 바꿀 거예요.

 그 위에 새로운 것을 추가할 것입니다.

 당신은 그 곳의 첫 번째 고객이 될 것입니다.

 당신은 당신의 문제를 스스로 해결할 것입니다.

 그리고 결국에는  일주일에 40시간을 투자할 만한 가치가 있는 무언가를 갖게 될 것입니다 .

 100%.

 이곳은 마무리하기에 좋은 곳입니다.

 제 말은, 저는 이 일과 전혀 관련이 없다는 거예요 .

 알다시피, 제가 당신을 초대하고 싶었던 이유는 제가 쇼를 듣는 사람들에게 불공평한 이점을 주고 싶어서였어요 .

 그리고 저는 훌륭한 디자인이 불공평한 이점이라고 생각합니다.

 그리고 Aura는 해킹과 같죠? 기본적으로 이것은  디자이너가 아닌 사람들을 위해 아름다운 디자인을 제공하는 방법입니다.

 그러니까, 아시다시피   , 하루에 500명 이상의 사용자를 확보하게 될 겁니다.

 많은 사람들이 이걸 듣게 될 테니까요.

 저는 사람들에게 가입을 권장하고 있습니다.

 음, 한번 보세요.

  사람들이 클릭할 수 있도록 쇼 노트에 링크를 포함시키겠습니다.

 또한 Mang의 다양한 플랫폼에서 진행하는 소셜 미디어 게시물도 포함시켜서 여러분이 거기에서 그를 팔로우할 수 있도록 하겠습니다.

 망, 떠나기 전에 꼭 알아야 할 게 있나요? 말하고 싶은 건? 오, 그렇죠.

 다시 한번, 초대해 주셔서 정말 감사합니다, 그레그 .

 음, 그레그를 모르는 사람들에게는 좋은 정보죠.

 저는 15년 전부터 알고 지냈거든요.

 저는 프리랜서로 일하던 중 몬트리올에서 그렉을 만났습니다 .

 우리 둘 다 몬트리올을 떠났어요.

 지금은 싱가포르에 있어요.

 그렉은 마이애미에 있는 것 같아요.

 좋아요.

 그리고 알 다시피, 다음 순간 우리 둘 다 스타트업을 만들고 있었어요.

 그래서 정말 놀라운 일이죠.

 그리고 그것은 정말 우연의 일치입니다 .

 하지만 다시 디자인 자체로 돌아가보죠.

 제가 말씀드렸듯이,  첫 번째 프롬프트에서 포기하지 마세요 .

 PROM 빌더를 사용해 보세요 .

 그것이 Visero에서 나온 것인지 아닌지는 중요하지 않습니다 .

 내 사이트의 프롬프트 빌더를 사용해서 이 모든 것에 대해 알아본 다음, 가장 좋아하는 플랫폼인 러블(lovable)로 이동할 수도 있습니다.

 사실 오로를 사용하든 안하든 상관없어요 .

 하지만 저는 아름다운 카드를 만드는 것에 만 의존해서는 안 된다는 조언을 드리고 싶습니다  .

 물론, 아시다시피, 모두 똑같아 보이거나 아름다운 광경이 될 거예요, 그렇죠? 여러분이 하고 싶은 일은 프롬프트 빌더를 사용하고, 프롬프트 팁을 배우고, 리믹스를 하는 것입니다.

 정말 정말 중요해요.

 리믹스를 하는 방법은 정말 다양해요.

 그러니까, 예를 들어, 마음에 드는 디자인을 클릭하고, 리믹스한 다음, 조정할 수 있죠.

 그러니까, 첫 페이지에 적응하고, 가격 페이지에 적응하는 거죠.

 그리고 이미지를 첨부하고 싶을 수도 있죠.

 이미지를 HTML로 변환하는 기능은 정말 강력하죠.

 사실, 저는 03을 사용하는데, 이는   Figma에서 좋아하는 웹사이트나 자신의 디자인의 이미지나 스크린샷을 찍은 다음 그것을 HTML로 변환하고 그것을 Lovable, Vzero 또는 Aura로 가져오는 데 가장 적합한 모델 중 하나입니다 .

 그러니까, 타이핑하는 것 외에도 프롬프트를 표시하는 방법이 정말 다양하다는 거죠.

 Figma에서 가져올 수 있습니다.

 이미지를 첨부할 수 있습니다.

 HTML 파일을 첨부할 수 있습니다 .

 기존 프로젝트를 리믹스할 수 있습니다.

 그리고 여러분이 여기 보시는 모든 디자인은 무료입니다.

 여기로 가서 무료로 다운로드할 수 있습니다.

 그러면 코드를 복사해서 HTML 파일을 저장한 다음 원하는 플랫폼으로 가져올 수 있습니다.

 그러니까, FYI로 말씀드리자면, 많은 사람에게 정말 유용할 거라고 생각해요 .

 그리고, 만약 기회가 생겨서 Aura를 시도해 볼 수 있다면, 저는 기쁠 겁니다.

 궁금한 점이 있으면 알려주세요.

 그리고 다시 한번,  저를 초대해 주신 그레그에게 감사드리고, 곧 뵙기를 바랍니다.

 소스 고맙네요.

 고맙습니다 .

 이제 모두가 UI를 촉구하는 방법을 알고 있습니다 .

 그러니까, 고맙네요, 밍.

 그리고 곧 뵙기를 바랍니다.

 괜찮은.

 정말 고맙습니다 .