Overlay je UI editor fungující jako rozšíření VS Code, které řeší problém designérů a inženýrů, kteří tráví čas kódováním spíše než prací v Figmě. Nástroj renderuje skutečné React komponenty na canvas pomocí běžného DOM dokumentu, nikoliv WebGL, a pracuje s reálnými CSS tokeny z projektu. Integrací s Model Context Protocol (MCP) získává AI agenty přístup ke zdrojovému kódu, což jim umožňuje chápat strukturu projektu a odpovídajícím způsobem generovat nové komponenty. Francesco, autor bootstrapovaného projektu, jej zaměřil na fázi průzkumu a prototypování — konkrétně pro týmy, kde designéři sami přispívají do kódu. Není určen k nahrazení Figmy ve velkých týmech s formálním handoffem designu. Autor projekt vyvíjí postupně, s cílem releaseovat aktualizace několikrát týdně.
Overlay: editor pro React komponenty přímo v IDE
Zdroje
- Hacker News (AI stories): Show HN: Overlay – Design with your React components and CSS tokens in your IDE
Související články
- 14. 8. 2026 Vícemodální chatboti: jak zvolit správný backend, routing a záložní řešení
- 13. 8. 2026 sqlite-utils 4.2 přinesl vylepšení, ale potřeboval oprav
- 6. 8. 2026 Datasette-auth-tokens 0.4a13 s podporou sqlite-utils 4
- 4. 8. 2026 OpenAI představuje nové vzdělávací pluginy pro ChatGPT Work a Codex