Transcrições
1. Introdução ao Figma Make: Oi. Meu nome é Greg Kang Sou criador de conteúdo canadense, tecnólogo de
TI e
líder há mais de uma década, codificador de
vibrações de várias
plataformas de aplicativos, como bolt Eu tenho meu curso de codificação Vibe, curso generativa,
Open AI SA para vídeos de IA, vídeos
SynthesiaF AI, bem como
o curso de vídeo Google Agora temos Figma make. O que é Figma? A Figma é líder na área
de UI e UX. Recentemente, eles tiveram
um IPO bem-sucedido e introduziram
um recurso muito interessante em sua plataforma
chamado Figma make Portanto, o Figma Make é uma plataforma de codificação de vibração
alimentada por IA qual você pode realmente criar aplicativos funcionais Estamos falando sobre aplicativos
de pontuação de golfe. Estamos falando sobre aplicativos de namoro
online. Estamos falando sobre painéis de
criptomoedas com dados reais ao vivo Eu já criei todos esses
aplicativos usando o Figma make. Então, eu trago minha experiência de codificação
Vibe em
várias plataformas Também
participei do maior
Hackathon do mundo com bolt dot U e vou trazer
essa experiência de ponta
para o curso Figma Este é um curso
amigável para iniciantes. Você não precisa
saber programar. Mas o que você precisa
fazer é ser
capaz de comunicar e
articular sua visão
ou sua ideia em linguagem natural à plataforma de IA para
ajudar a criar seus aplicativos E vou
te ensinar algumas dicas que podem realmente tornar isso
mais fácil e rápido. Eu vou te dar uma introdução
à plataforma. Como você começa? E vou
fazer uma comparação de outros líderes no
setor, como lovable,
como replet bol dot NU, OPO do
Google, Gemini Canvas do
Google Então, espero
ver você no curso e ensinar esse conhecimento de
ponta. Vamos embora.
2. Tour no Figma: Oi E bem-vindo à plataforma online
Figma Então, eu comprei uma assinatura de
$20 nos EUA, e isso dá acesso
a essa plataforma aqui Oi Aqui é Greg. Vou fazer
um rápido tour pelo
Figma Make, o
aplicativo de codificação Vibe Vou remover a câmera porque quero mostrar
toda a interface. Então, aqui estamos. A área principal em que você
trabalharia é o prompt. Portanto, o prompt está
no canto inferior esquerdo, e é aqui que você
usaria a linguagem natural para basicamente pedir à IA que
criasse o que você deseja. Então, eu realmente usei
todos os meus créditos agora, então ele está mostrando esta mensagem, mas como ela ainda é muito nova, ela ainda funcionará para mim. Então, eles têm alguns exemplos
de instruções aqui à esquerda. Então, esse é o fluxo de inscrição, e eu posso basicamente clicar aqui e pedir que ele
crie o fluxo de inscrição Eu vou fazer isso um pouco mais tarde. Quero mostrar alguns outros
recursos da plataforma. Então, no topo,
temos uma prévia de atualização. Então, após a pré-visualização, se você fizer alterações,
poderá atualizá-la Aqui você pode
abrir o console e aqui você pode realmente obter a visualização móvel de diferentes
telefones e dispositivos. Ok, então a pré-visualização é que, quando
você tiver seu aplicativo protótipo, você poderá realmente vê-lo Você pode usá-lo e
interagir com ele. A visualização de código é o
código real por trás do seu aplicativo. E, no lado direito, é
aqui que você pode realmente abrir a
visualização em tela cheia do seu aplicativo. Aqui você tem suas configurações. Assim, você pode nomear seu aplicativo, fornecer uma meta descrição, ID
do Google Analytics, favicon, imagem de
compartilhamento social e até mesmo fornecer um código personalizado Você pode definir o domínio e as integrações de banco de dados. O botão publicado realmente
publicará este aplicativo com um URL da Internet, e você também poderá compartilhá-lo com outros usuários do Figma, bem como a comunidade no canto superior direito Tudo bem, então essa
é a visão principal. Só vou nos
tirar daqui por enquanto. Então, vamos
clicar no canto superior esquerdo e clicar novamente em Arquivos. Portanto, esse é mais
o painel real. E aqui, você
pode ver sua conta. Você tem o tema,
você pode torná-lo mais leve. Isso pode ser mais fácil
de ver, na verdade. Você tem suas configurações
com seu e-mail, notificações
da comunidade
e segurança. E à esquerda,
você tem seu administrador, se quiser gerenciar sua
equipe, você tem lixo,
todos os projetos, rascunhos
no lado esquerdo, e então você tem seus
projetos iniciais aqui à esquerda E você tem
recursos da comunidade no topo, aqui. E para acessar os diferentes aplicativos
Figma fora do MAC, isso
está no canto superior direito Então, design, FIG
Jam, slides, buzz, site, mas estamos focando no MAC, que está aqui no canto superior direito Então, vamos fazer de novo. E vamos usar apenas um
dos prompts padrão,
então cadastre-se no fluxo Então, nos dá nossa dica aqui. E basta observar
na área de aviso que podemos alterar o texto. Podemos importar do Figma se
você tiver outros ativos do Figma. Você pode fazer upload de
uma imagem como referência se quiser um design ou estilo
específico, uma imagem diz muito. E aqui está o botão de
apontar e editar Se você tiver uma visualização prévia e quiser
especificar uma determinada área, você pode realmente usar isso. E então, este é o botão Enter quando
você recebe o prompt. Então, vamos pressionar Enter. E no lado esquerdo, você pode ver que a IA está
pensando, está raciocinando. E, no centro,
está, na verdade, criando seu perfil e
criando código. Então, sim, essa fase do
projeto pode levar algum tempo. Então, o que vou fazer é dizer que
essa é uma boa chance de
ir ao banheiro ou tomar um café. E então, quando você voltar, poderá realmente visualizar
e interagir com o aplicativo. Durante essa fase, você
também pode acessar o co
View e realmente vê-lo
criando o código aqui Ok, eu vou
voltar para a prévia. E então, quando estiver pronto, vamos realmente
conferir a prévia, o aplicativo e interagir com ele. Ok, então temos nossa prévia e podemos conferir o código. Na verdade, podemos acessar
diferentes visualizações móveis. Eu só vou fechar
o console aqui. Então, este é o iPhone 16, Android, etc., podemos
voltar para o desktop Volte para a visualização da área de trabalho. E, na verdade, vamos clicar na janela de visualização completa
e depois experimentá-la. Ok, então podemos realmente
continuar com o Gmail ou a Apple. Podemos fazer uma cópia
disso e remixar. Hum, então estamos interagindo
com o aplicativo Na verdade, podemos mudar
as imagens aqui. Como isso parece? Então, isso realmente testa o login por e-mail. Greg H Ok. Bem-vindo a bordo. Então
esse é o fluxo. Este é um aplicativo de pré-visualização. Então, a partir daqui, podemos usar o prompt no canto inferior esquerdo para reiterar, fazer algumas alterações Então, você basicamente pede
que ele faça algumas alterações. Pode ser design, cor
ou funcionalidade. Podemos compartilhar isso
com outras pessoas. Podemos publicá-lo na
Internet ou na comunidade. Então, se você quiser destacar
isso na comunidade, você pode ativar esse
botão de rádio e clicar em Publicar. Então, isso levará alguns minutos. Mas, basicamente, o que
fiz aqui neste vídeo, apresentei alguns dos principais recursos
do Figma make E prosseguimos e criamos um aplicativo básico com um
dos prompts padrão e o publicamos Então, isso conclui
esta aula em vídeo.
3. Como fazer um aplicativo usando uma imagem de referência: Ok, estamos no Figma make, figma.com flash M. Então, uma visão
um pouco diferente da que eu fiz na turnê Mas temos as mesmas
solicitações padrão aqui: fluxo de integração, painel de
dados e galeria de
gradientes Então, vamos
basicamente tentar criar um aplicativo usando o
prompt de uma só vez. Crie um editor
de vídeo on-line compatível com dispositivos móveis. E solte. Então, na verdade, está
abrindo o Fig Mamek agora. Então, na verdade, ele não
processou o prompt. Então é aqui que podemos realmente fazer o upload de uma imagem de referência. Ok, então eu vou usar
essa imagem de referência. Veja como eu o coloquei lá. Você pode ver a
pré-visualização da imagem no canto inferior esquerdo, criar um vídeo on-line,
editar em dispositivos móveis e usar o arquivo anexado
como design como inspiração OK. Agora vou apertar
Enter. Agora está pensando. Então, em vez de o Figma
fazer suposições, ele realmente usará essa imagem de referência e sorte, criará uma edição de
vídeo, semelhante à
que eu anexei semelhante à
que eu anexei Então, eu posso realmente dar uma olhada no raciocínio,
na parte do
raciocínio. Criarei um editor de vídeo on-line
compatível com dispositivos móveis inspirado em sua imagem, pré-visualização do vídeo
principal com controles de
reprodução, barra lateral de ferramentas
dobrável com estilos de
edição e ações
rápidas,
linha do tempo
sensível ao toque com vídeo, faixas de
áudio, design responsivo, tema
escuro que combina com a imagem inspirada, funcionalidade de
exportação inspirado em sua imagem, pré-visualização do vídeo
principal com controles de
reprodução, barra lateral de ferramentas
dobrável com estilos de
edição e ações
rápidas,
linha do tempo
sensível ao toque com vídeo, faixas de
áudio, design responsivo, tema
escuro que combina com a imagem inspirada, funcionalidade de
exportação e salvamento. Então isso soa bem. Vamos
ver o que realmente acontece. Vamos dar uma
olhada no código aqui. Maravilhoso. Ok, então
temos uma prévia aqui. Como isso parece? Parece bom. E eu não espero, você sabe, que isso seja
um aviso único. Esta é sua
oportunidade de testá-lo, ver o que funciona, ver o que
precisa ser comprovado. Então, a primeira coisa que me
pergunto é onde podemos realmente importar o vídeo? Parece que não
consigo ajustar a linha do tempo. Vamos experimentar os estilos de edição
automática. Isso parece não funcionar. O botão Salvar ainda funciona? Ok, então, visualmente,
temos um bom ponto de partida,
mas em termos temos um bom ponto de partida, de funcionalidade, há muita coisa que precisa ser trabalhada. Precisamos importar vídeos. Precisamos realmente
redimensionar a área da linha do tempo e precisamos da capacidade de realmente
exportar Então, na minha dica de acompanhamento, posso fazer todas
essas sugestões, mas, como melhor prática, você
não deve exagerar Você pode começar
com um recurso. Adicione um botão de importação de vídeo
com a capacidade de cortar o clipe na linha do tempo e corrigir o vídeo para salvar e
exportar. Entrar. Então, espero que possamos corrigir
essas três perguntas básicas. Só por uma questão de
tempo, mas se isso não acontecer, uma pergunta de cada vez é melhor. Então você pode simplesmente
testar essa opção. Mas é fácil ser
ganancioso e pedir demais, mas isso também pode
confundir o modelo de IA Ok, é processar
minha segunda pergunta. Então, notei que há
um botão de importação de vídeo. Vamos realmente clicar nele
e ver se funciona. Então, aqui está um vídeo. E deixe-me ver se eu
posso realmente cortá-lo. Na verdade, isso é função. Então parece que eu
posso realmente cortá-lo. Parece que o
botão Salvar está funcionando. Basicamente, é assim que a codificação do
Vibe funciona. Você o testa, adiciona os novos recursos
até finalmente
obter o aplicativo aprimorado e funcional. Então, na verdade, vou compartilhar esse projeto com minha equipe e continuar trabalhando
com o último. Então, o que fizemos aqui
foi criar uma prévia usando uma
imagem de referência para o aplicativo de edição de vídeo e fizemos uma solicitação de
acompanhamento após testá-la para corrigir os recursos
ausentes.
4. Como fiz uma variante de Uno chamada Bruno: Ok, estamos no Figma make, e eu fiz uma variação do jogo
Uno chamada Bruno E eu vou te mostrar
as instruções de como eu fiz isso, e vamos
publicar isso juntos Então, vamos começar
com o jogo. Vou apenas fazer um jogo de amostra. Então, vou apenas atualizar o
jogo aqui e começar um novo jogo. Tudo bem Então essa é a visão conjunta, e essa é a prévia
em que podemos realmente jogar. Então, essa é basicamente uma versão jogável do Uno,
mas se chama Bruno Então, vou colocar meu nome. Vou adicionar um
player de IA, o computador. E basicamente, combinamos
cartas por número ou cor, ligamos para Bruno com uma carta restante Na verdade, não tenho certeza de como
fazemos isso com este jogo. E sim, o objetivo é
esvaziar seu cartão. Então, vamos começar o jogo. Então, o baralho está no meio. Portanto, é uma carta de pular a curva. Ok, então eu uso a mesma
cor. Então agora é um sete. Então eu posso usar o oito ou o mesmo
número, então eu vou fazer sete. Vou clicar nele e
clicar em Play Card. OK. Então você vê que o computador
desligou. Atualmente, são dois. Espero que eu possa selecionar
mais de duas cartas. Então essa é uma mudança que eu preciso
fazer no jogo. exemplo, se for o mesmo
número, tecnicamente, eu deveria poder empilhar usar esses dois Então, isso é na verdade o que
chamamos de fase de teste, teste de aceitação
do usuário. Portanto, temos uma versão viável. Temos que testá-lo para
ver se há algum bug ou aprimoramento que
precise acontecer E é aí que
faríamos uma iteração. Então, jogar a carta atual é quatro, então eu tenho que passar agora porque
eu não tenho nada. O que é isso? Cartão Rainbow OK. Bruno comprou vitórias Ok, então vamos dar uma
olhada nas instruções agora. Então, o primeiro aviso foi criar uma versão compatível com vários dispositivos móveis do No Called Bruno e disse: Eu farei esse suporte para
dois a quatro jogadores E sim, eu me perguntei inicialmente se eu
queria criar um banco de dados. Mas acho que para
esse tipo de jogo, você não precisa de um banco de dados porque basicamente
inicia um jogo novo, não
precisa salvar nenhum dado. Então, meu segundo problema foi colocar
um logotipo fofo do Bruno na parte de trás das cartas e permitir jogasse
contra o computador, a IA E foi isso que ele fez. E dá a versão três. E agora eu quero dizer, dê ao usuário a capacidade de
selecionar mais de um cartão. Se aplicável, por exemplo, se um jogador tiver várias cartas com
o mesmo número carta do baralho. Tudo bem Então, esse é um exemplo
de revisão ou iteração Ah, ok. Tudo bem, então o código
foi atualizado. E, basicamente, uma vez
feito isso, vou testar esse
mesmo recurso novamente. Não vou
falar sobre isso aqui, mas enquanto isso acontece, deixe-me mostrar os outros menus no topo aqui. Você pode ver a prévia móvel. Você pode ver a visualização da área de trabalho. E então, com a visualização móvel, temos a capacidade de
mudar de dispositivo aqui. Então essa é a
vantagem do Figma. No canto superior direito, temos a possibilidade de
publicar o jogo. Podemos até mesmo dar um favicon. Podemos atribuir a ele um ID
do Google Analytics. E podemos publicar esse
jogo, o que eu farei depois. OK. Vou adicionar a capacidade de selecionar e jogar várias
cartas com o mesmo número. Ótimo. Então, isso é algo que
precisamos testar. Outras coisas que podemos fazer é vinculá-lo a um domínio. Então, depois de publicá-lo, podemos realmente ter uma URL como no.com fordlash Bruno
ou algo parecido
, bruno.com ou algo parecido Mas você precisa possuir
esse nome de domínio. Então, quando isso terminar, eu vou publicá-lo. Vamos também dar uma olhada
no botão Compartilhar. Assim, você pode
compartilhá-lo com qualquer pessoa e pode dar a eles a
capacidade de editá-lo e visualizá-lo. Você pode protegê-lo com senha, publicar na comunidade, que eu poderia fazer. Só estou esperando que isso termine. E parece que a versão
quatro está concluída e temos um erro. Portanto, está corrigindo automaticamente os erros. E o modelo subjacente,
eu acredito, é antrópico clantrópico Tão semelhante a outras
plataformas de codificação do Vibe, como o bolt dot U. Então, tem um
tipo de lógica semelhante Portanto, é muito inteligente. Você pode falar com ele
em linguagem natural. E se você precisar
corrigir alguma coisa, basta dizer corrija o erro. Tudo bem, então o que eu vou
fazer é publicar isso. Então, basicamente, se eu quiser
apresentá-lo na comunidade, eu poderia fazê-lo aqui
e clicar em Publicar. E isso é algo que
farei depois que o agente corrigir esses erros de
correção automática Então vamos lá, bastidores
de um jogo
multiplayer de Bruno
5. Introdução à comunidade Make do Figma: Tudo bem, agora estou publicando este jogo
para a comunidade, que a comunidade possa
realmente jogá-lo Eles podem remixá-lo e criar suas próprias
variações do jogo E na comunidade, você pode realmente ver outros aplicativos.
Então aqui está o meu. Tudo bem. E veja, podemos realmente ver outros
aplicativos comunitários. Vamos dar uma olhada aqui. Fortune Cookie, efeito de botão, mini controlador, comércio eletrônico, calculadora da marca
Figma e até mesmo um site comercial OK. Vamos tentar Vamos
experimentar este aplicativo aqui. Visão de
rotação de produção de 180 graus. Então você vê que temos a
capacidade de ouvir isso. Podemos salvá-lo e
remixá-lo em nossa própria visão. Ok, e também posso ver os
prompts que esse usuário usa. Quero uma
rotação de 180 graus para o meu produto. Está bem? E então
vemos a saída aqui e, em seguida, vemos outro prompt. Esses usuários usam letras maiúsculas
para suas instruções, então será mais fácil segui-las Sim, adicione tudo isso e torne
a rotação mais suave. Diga-me se eu posso
importar mais imagens, ângulos do Chachi BT, diga-me os ângulos
e eu os obterei Então, esses usuários estão
realmente conversando
com os agentes de IA. Para as cores, temos preto,
branco, vermelho,
azul marinho, ganhamos $30 OK. Então, vamos lá. Tem seu capuz aqui, e podemos realmente girá-lo.
Então, isso é muito legal. Você pode. Isso seria uma boa maquete para diferentes
tipos de produtos É bom que ele tenha
compartilhado isso aqui. Temos rotações automáticas. Foi muito legal.
Na verdade, vou brincar com esse. Então, esse é um exemplo de como usar a
publicação para a
comunidade e depois remixar outro
aplicativo Figma da
6. Monopólio Figma Solana: Vou fazer uma demonstração do meu jogo
codificado pelo Vibe, Solana Monopoly. Portanto, este jogo foi feito
para ser um protótipo divertido. Jogando monopólio com slana. E isso pode realmente
conectar sua carteira. Não é real, mas
pode ser muito real. E, basicamente, essa é uma
boa maneira de se familiarizar com o
token criptográfico Salana enquanto joga
um divertido jogo clássico E Salanas é uma
daquelas blockchains com eficiência energética que não é cara, então é por isso que me
inspirei a usar Então,
primeiro
mostrarei o jogo e depois
examinaremos as instruções. Eu uso a plataforma Figma make. Então, começamos selecionando
nosso personagem aqui, e precisamos de
pelo menos dois jogadores. E vamos ver.
Talvez precisemos de quatro. Ok, então criamos
alguns jogadores-chave aqui e temos o tabuleiro silana Então, o jogador um tem 0,1
500, então zero propriedades. Vamos jogar os dados. Ok. Então, onde está a linha D? Um, dois, três, quatro, cinco, seis, sete, oito, nove e tudo bem. Então, o jogador três tem
a oportunidade de comprar Rainbow Bridge
por 0,022 SOL Tudo bem, então o jogador três
é dono da Rainbow Bridge, que fica aqui Então eles são donos dessa propriedade, e agora vamos
jogar os dados. Eu poderia tornar esses jogadores
um pouco maiores. É difícil de ver. Mas esse é definitivamente um jogo
que pode ser iterado. De qualquer forma, é um jogo de acumular um ativo criptográfico,
acumular propriedades E vamos dar uma
olhada nas instruções. Então, primeiro,
crie um divertido jogo de monopólio que use o salão
e o cryptotken como Faça uma quantidade fracionária, para que seja divertido jogar, por
isso não seja caro jogar E dizia: Claro, vamos fazer esse jogo e
criar a primeira versão. Então, a primeira versão não era
muito boa de se ver, não
era muito visual. E havia muitos
pontos no tabuleiro. Então eu disse: torne o tabuleiro mais
atraente visualmente, compatível com dispositivos móveis e com menos pontos no tabuleiro e colorido e permita que
um personagem
fofo seja escolhido como peça do jogador Então dizia: Ok, vamos reduzir
os espaços do tabuleiro em 40-20, adicionando as
peças fofas dos jogadores que vimos E o
Salana Monopoly completamente redesenhado. E essa foi a versão três. E só mais um aviso. Eu corrijo o texto à medida que
ele está saindo do quadro. Então, tínhamos esses nomes de
descrição do quadro que estavam
saindo das caixas Então, consertou isso. E isso nos
leva à nossa versão de cartão, com a
qual estou muito feliz. Vamos dar uma
olhada rápida no código. 206 linhas. E isso é algo que eu
não me importo de publicar. E então iríamos publicar. E eu não me importo de compartilhar
com a comunidade, então basta clicar em Publicar. Então é isso. Espero que você tenha gostado da
introdução ao Salana Monopoly.
7. Remixando uma loja de comércio eletrônico com a integração com o Stripe: Ok, eu quero te mostrar
um remix que eu fiz. Então, este aplicativo aqui, visualizador de
rotação de produto de
180 graus. Então eu remixei isso e vou mostrar
o produto final Então aqui está o salão de remo. Este é um site de comércio eletrônico de pickleball
. E a principal característica
deste site é a capacidade de girar
as pás Também podemos ampliar aqui. Reiniciar. E se escolhermos a raquete, podemos adicioná-la a
um carrinho de compras Então, adicione o cartão para que
possamos ver o carrinho lá. Então, isso está apenas no modo de demonstração. Na verdade, não processaremos um pagamento, mas isso poderia
funcionar facilmente se você
obtivesse a chave
de API do Stripe e, apenas
em seu aviso, dissesse que deseja
que os pagamentos reais sejam processados
e, em seguida,
compartilhe a chave da API em uma pasta segura
e pronto Você tem um protótipo muito
bom, até mesmo um aplicativo funcional em que você pode se concentrar em um produto e demonstrá-lo. E essas são, eu não
diria, as melhores capturas de tela, mas sim, você tem a
ideia de que poderíamos fazer rotação automática e ver o produto de
diferentes ângulos Então, deixe-me mostrar os
bastidores de como eu fiz isso. Então, vamos ao meu projeto. Então eu remixei esse projeto
original. Então eu comecei com o remix. OK. E eu posso ver todas as
instruções que eles usaram Então, vou
rolar para baixo até descobrir por onde comecei
neste aplicativo. Ok, é a versão
seis, eu acredito. Então, na minha primeira pergunta, anexei a imagem de uma raquete de
pickleball e disse: Use esse acessório de pickleball
para a imagem
do produto anexei a imagem de uma raquete de
pickleball e disse:
Use esse acessório de pickleball
para a imagem
do produto e chame-o de flash VaticPropsm. Ok, eu criei a
versão sete e
substituí com sucesso o capuz uma raquete de pickleball e me
dei Então eu pensei: Deixe-me
dar um passo adiante
na versão oito. Vamos fazer o upload de mais fotos. Bem, antes disso, eu queria mudar
a imagem do cabeçalho. Então, anexe uma imagem
de pickleball e pedi que usasse essa imagem no cabeçalho
, ligasse para a loja Powdle lounge
e listasse
os Tudo bem? Então isso
criou a versão oito. E então, na próxima mensagem, adicionei outra captura de tela da raquete de Pickleball em um ângulo Eu disse, use essas imagens
adicionais de remo para a função de rotação automática Isso criou a versão nove. E então eu adicionei outro
ângulo com o mesmo aviso, use as imagens posicionais
para a Isso criou a versão dez. E então eu adicionei mais uma captura de tela com outro
ângulo, exatamente o mesmo prompt E a última foi você
pode adicionar um carrinho de compras com integração
com stripe Então, isso nos leva à versão 11. Então, para configurar isso, ele queria um banco de dados, portanto, uma
integração excelente. E isso
nos levou à versão 14. Então você pode ver aqui como
começamos com o remix, e eu basicamente o adaptei
para outro produto E a principal característica
deste site foi essa rotação automática
do produto. Mas eu também o
aprimorei com um carrinho de compras. Então, vamos dar uma
olhada rápida no código aqui. Acho que é
um aplicativo bastante detalhado, basta olhar todo esse código. Então, se quisermos adicionar a API, perguntarei se tenho uma chave de API do Stripe para
processar pagamentos reais, onde posso compartilhá-la
com segurança e atualizá-la no aplicativo Então, Walt dot New, estou
familiarizado com o processo. Há uma pasta ENV na qual
podemos simplesmente
copiar e colar Ok, então, basicamente, ele configura essa área e você
basicamente a cola aqui. Cole-o aqui e clique em
Criar segredo. Então vamos lá.
8. Figma faça um resumo: Obrigado por fazer o curso Figma make. Espero que tenham
gostado. Espero que você tenha aprendido muito e que isso tenha feito sua
criatividade fluir Ele usa muitas
de suas ideias e pode
realmente dar vida a elas, um protótipo funcional, seja
um aplicativo de pontuação de golfe ou
um painel de
criptomoedas Agora você tem o poder um designer de UI ou UX ou apenas um criador
de conteúdo
ou proprietário de uma empresa.
Quem quer que seja, agora você pode usar o Figma para criar e criar aplicativos funcionais Você também pode usar
a comunidade para obter ideias e compartilhar
seu aplicativo com a comunidade. E esse espaço está mudando
tão rapidamente que
espero que as mudanças
aconteçam regularmente. Então, vou tentar manter
esse curso atualizado. Você está interessado em outras
plataformas de codificação de vibrações, como bolt dot U, então eu tenho cursos sobre isso
se você quiser se aprofundar Você tem uma breve introdução
aos outros concorrentes. Eu te fiz uma comparação. O que eu gosto no Figma M é que você pode envolver
a equipe Você pode compartilhá-lo com a equipe. Você tem acesso a
muito controle visual, aplicativos codificados
do Vibe mais
atraentes e a força do Figma está na interface do usuário,
então isso é o que era de
se esperar De qualquer forma, espero que você tenha
gostado do curso e obrigado por se juntar a nós. Tchau.
Greg Hung, Travel Videographer
