Este são links úteis para front-ends, mostrando produtos e serviços online que utilizam IA para ajudar no trabalho rotineiro de devs front-ends, mas também links que mostram como o trabalho do dev front-end tem mudado, e que isso pode sim levar a uma transformação tão forte de mudança, que a disciplina de front-end será dividida entre programadores e designers.
- A responsabilidade da experiência é o Designer. Implementar o layout, garantindo que a melhor experiência chegue até o cliente, com um fluxo de trabalho que seja eficiente, é um trabalho de design.
- Atualmente e no futuro, pode não fazer sentido algum ter um processo onde designer desenha, dev front-end pega esse desenho e implementa em código, conectando com back-end.
- Desenvolvedores front-end não fazem design, mas também não decidem back-end ou infraestrutura. O trabalho deles está muito no meio, servindo como intermediário entre os dois extremos. Esse trabalho intermediário é recheado com tarefas totalmente possíveis de serem automatizadas e/ou delegadas para IA e para fluxos de trabalho absorvidas por designers e programadores.
- Dessa forma, devs front-end deixam de fazer crud de luxo, e passam a se transformar mais em programadores ou em designers.
- Obviamente, em diversos casos, deve ser necessário ter um trabalho muito forte de client-side a ser feito, mas isso se diferencia muito do trabalho que atualmente é feito por devs front-end.
- Logo, na minha opinião, o trabalho dos designers se transforma, o trabalho dos programadores se transforma, mas o trabalho dos front-ends é diminuído ao máximo, que não faz sentido ter alguém que só faz essa conexão de desenho + back-end.
- Code to Design, Design to Code
- Em fevereiro de 2026, Figma lançou junto com o Claude Code uma maneira de trazer layouts já codificados para designs prontos no Figma.
- Esse é o caminho mais fácil de se fazer. O caminho inverso, Design pra Código, é mais difícil, porque quando vai pro código, é onde as conexões com o back-end acontecem. É onde algumas regras de negócio (que já são especificadas primeiro no design) acontecem direto nas interações do usuário com o front-end.
- Então, algumas iniciativas de serviços como Framer e outros plugins de Figma, já faziam algumas implementações onde podíamos conectar APIs de produção ou "mocks", nos designs diretamente no Figma.
- Esse é um caminho muito, muito, muito factível que já é discutido desde muito tempo atrás, de designers e front-ends usarem apenas uma interface para "materializar" a experiência de usuário. Esse seria o editor WYSIWYG dos sonhos (e se você não conhece o acrônimo WYSIWYG, você é nova(o) demais).
- E não é por que você é nova(o), que você é mais inteligente ou ignorante, mas contexto não é só importante para a IA, mas também para nós. E contexto é muito construído a partir de experiência passada (ou de estudo do que já aconteceu).
- Isso ajuda a entender porque as coisas são do jeito que são hoje. Triste dizer que boa parte dos front-ends hoje não sabem qual foi o problema primário que o React nasceu para resolver.
- O estudo dos princípios fundamentais se perdeu. A fome por aprender a ferramenta em vez da tecnologia e seus fundamentos, é enorme e isso acaba prejudicando muito a qualidade de profissionais que temos hoje.
- Em fevereiro de 2026, Figma lançou junto com o Claude Code uma maneira de trazer layouts já codificados para designs prontos no Figma.
- Desculpe pelo desvairo. Abaixo segue a listagem de links que podem ser úteis, e que com certeza podem servir como evidência sobre a
mortetransformação dessa disciplina.
Esta é uma coleção de links de artigos e conteúdos que eu publiquei de tempos em tempos nessa discussão: frontendbr/forum#490 Nela, discutiu-se exatamente o artigo que publiquei chamado: O fim da profissão front-end como conhecemos
Então, além do artigo, decidi evidenciar mostrando as ferramentas que há 8 anos atrás já estavam apontando para essa transição forte de código front-end sendo feito automaticamente a partir do design.
- The end of Code
- Soon We Won't Program Computers. We'll Train Them Like Dogs
- The future of front-end development is design
- Designing with Data
- Modern Design Tools: Using Real Data
- Prototype with real data in Framer, from JSON to multi-device and internet of things
- Adobe XD: Designing with Real Data
- 3 Easy Steps for Working with Realistic Data in Sketch Using JSON
- Video: A.I. is Progressing Faster Than You Think!
- Video: Pix2Code
- The Future of Web Development: Coding as a Service
- GitHub - airbnb/react-sketchapp: render React components to Sketch ⚛️💎
- Artigo original saiu do ar, mas você ainda pode ler aqui: https://web.archive.org/web/20210817040759/http://airbnb.design/painting-with-code/
- Painting with code - review of Airbnb’s React Sketch.app plugin | developerlife.com
- With Sketch 43, Design IS Code & Code IS Design
- Sketch 43 will change the way we work and think
- I welcome every designer trying #FramerX to the @reactjs community.
- #ThinkToCode ecosystem, part 2. Just pick your target code.
- Code beautiful UI with Flutter and Material Design - Google I/O '18
- The (probable) end of the front-end profession as you know it
- The Design Tool Dilemma
- Wix Code - Create advanced web applications without coding
- Uizard
- Supernova.io
- Anima: the UX Design Agent
- Bolt AI builder: Websites, apps & prototypes
- Kombai - The AI Agent Built for Frontend Development
- Locofy.ai - Design to Code with AI - frontend development in a flash
- UI Design Made Easy, Powered By AI | Uizard
- v0 by Vercel - Build Agents, Apps, and Websites with AI
- Launch and Grow Your Business Online with 10Web
- Lovable - Build Apps & Websites with AI, Fast | No Code App Builder
- Figma Sites: Design, Prototype & Publish Your Next Website
- Webflow: Create a custom website | Visual website builder
- Framer AI: Design websites faster with intelligent tools