Vishwas GopinathforBuilder.iobuilderio.hashnode.dev·Feb 12, 2025Figma to Code with Windsurf and Visual CopilotConverting Figma designs into functional interfaces is typically a tedious process. Recreating every pixel-perfect design detail—fonts, spacing, responsive layouts, and interactions—in HTML, CSS, and JavaScript (or any other stack) is like retyping a...Figma to Code
Harshi ShahforCoding Addacodingadda.hashnode.dev·Feb 10, 2025Penpot: The Open-Source Figma AlternativeIntroduction In the ever-evolving world of UI/UX design, professionals require tools that are powerful, flexible, and truly collaborative. Penpot emerges as a game changer an open-source, free, and self-hostable design platform that stands as a formi...31 likesResourcesno restrictions
Vishwas GopinathforBuilder.iobuilderio.hashnode.dev·Feb 3, 2025Figma to Code with Cursor and Visual CopilotIf you’ve ever converted a Figma design into a functional interface, you know just how tedious that process can be. Every pixel-perfect design detail—fonts, spacing, responsive layouts, and interactions — has to be painstakingly recreated in HTML, CS...6 likesfigma
Alex Kyaloalexkyalo.hashnode.dev·Jan 28, 2025What Next After Wireframing? Prototyping: The Powerhouse of UI/UX DesignWireframing sets the stage, but what comes next? Prototyping is the critical step that transforms static blueprints into interactive experiences, bringing your ideas to life. It acts as a bridge between conceptual designs and a fully functional produ...Web Development
Ujjawal Mauryaujjawalmauryaum.hashnode.dev·Jan 27, 2025Wasm !!What is WebAssembly (WASM) ? WebAssembly (Wasm) is a fast binary instruction format designed to run in web browsers at near-native speed. It acts as a bridge, allowing developers to use languages like C, C++, or Rust and compile them into code that w...28 readswasm
Pravin Jadhavcodetocloud.hashnode.dev·Jan 24, 2025Back-End Development is the Safer Bet in the AI EraIf I had to pick one area of development that’s more future-proof in the age of AI, I’d say back-end development—hands down. Here’s why: AI Can’t Replace Deep Technical Expertise: Back-end development involves complex problem-solving, system design...backend
Ramu Narasingathinkthroo.hashnode.dev·Jan 24, 2025__useInternal() in Grida codebase.In this article, we will review the __useInternal() function in Grida codebase. function __useInternal() { const state = useContext(DocumentContext); if (!state) { throw new Error( "useDocument must be used within a StandaloneDocumentEd...Open Source
Mike Millerblog.figmayo.com·Jan 23, 2025Developer Hand-off With FigMayoWe upgraded our inspector! The new version massively levels up our game and now offers a complete view of the anatomy of your designs. It functions great for design system elements but is equally useful to pick apart fully composed, customer facing s...60 readsfigma
Ramu Narasingathinkthroo.hashnode.dev·Jan 23, 2025toolbar_value_to_cursormode function in Grida codebaseIn this article, we will review a function named toolbar_value_to_cursormode in Grida source code. This function is called in another function setCursorMode <ToolsGroup value={value} options={[ { value: "cursor", label: "Cursor", shortcut: "V...Open Source
Ender Wigginsjinno.hashnode.dev·Jan 23, 2025Jinno — IDE extension I made to preview React componentsI built Jinno because I often found myself juggling between my code editor and browser to preview React components during development. It was frustrating and time-consuming, breaking my workflow and focus. With Jinno, I can now see live previews of R...React
