GitHub Trends
11K subscribers
15.8K links
See what the GitHub community is most excited about today.

A bot automatically fetches new repositories from https://github.com/trending and sends them to the channel.

Author and maintainer: https://github.com/katursis
Download Telegram
#typescript #browser #design #devtool #electron #figma #frontend #hacktoberfest #local_first #low_code #nextjs #no_code #react #tailwindcss #typescript #ui #vitejs #webflow

Onlook is a tool for designers that lets you make live edits to your website or web app directly in the browser. It works with React and TailwindCSS, allowing you to customize your design and control your code easily. You can download the app from onlook.com or build it from source. Onlook helps you edit elements by right-clicking them to find their exact location in the code, making your design process faster and more efficient. Stay updated with new features through their newsletter or social media channels. This tool is especially beneficial because it streamlines your design and coding workflow, saving you time and effort.

https://github.com/onlook-dev/onlook
1
#javascript #agent #agentic #agentic_ai #ai #ai_agents #automation #cursor #design #figma #generative_ai #llm #llms #mcp #model_context_protocol

Cursor Talk to Figma MCP lets Cursor AI read and edit your Figma designs directly, using tools like `get_selection` for info, `set_text_content` for bulk text changes, `create_rectangle` for shapes, and `set_instance_overrides` for components. Setup is quick: install Bun, run `bun setup` and `bun socket`, add the Figma plugin. This saves you hours by skipping context switches, automating repetitive tasks like text replacement or override propagation, speeding up design-to-code workflows, and keeping everything in sync for faster, precise builds.

https://github.com/grab/cursor-talk-to-figma-mcp
1
#other #awesome_list #design_md #design_system #design_tokens #figma #google_stitch #landing_page #vibe_coding #vibe_design #vibecoding

This repository gives you ready-to-use DESIGN.md files drawn from real websites like Apple, Stripe, and Figma so you can tell your AI agent to build pages that match their exact look without manual design work. By copying a file into your project, you get high-quality, consistent UI that follows specific colors, fonts, and rules, saving you time and avoiding generic AI results .

https://github.com/VoltAgent/awesome-design-md