[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-pencil-en-US":4,"featured-sidebar-data":3,"latest-resources-en-US":26},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":9,"cover":12,"icon":13,"categories":14,"tags":22,"files":9,"pricing":23,"platform":24},601,"Pencil","pencil","https:\u002F\u002Fwww.pencil.dev\u002F",null,"An AI-powered collaborative design canvas that lives directly inside your code editor.","Pencil.dev is a pioneering design tool built for the \"Vibe Coding\" era. Rather than being a standalone drawing app, it functions as an extension within IDEs like Cursor and VS Code. It brings an infinite design canvas into the development environment, allowing design files to be stored in the repository and managed with Git versioning, branching, and merging.\n* **Key Features**:\n* **In-IDE Design Canvas**: Design with pixel-perfect precision without leaving your editor, keeping code and design just one tab-click apart.\n* **AI-Driven Generation**: Use AI agents and prompts to generate screens or entire flows directly on the canvas, leveraging the Model Context Protocol (MCP) for full AI interaction.\n* **Seamless Figma Import**: Supports direct copy-pasting from Figma, bringing over vectors, text, and styles intact.\n* **Design as Code**: Design files reside in your repo, syncing with React\u002FHTML code to ensure the production app stays true to the design.","3ef0c187-3495-40bb-807c-3f4db8e4b679.webp","7ed471fa-0997-406c-a35c-6b9fdf37ff2c.svg",[15],{"name":16,"slug":17,"sub_categories":18},"AI Tools","ai-tools",[19],{"name":20,"slug":21},"Image & Design","image-design",[],"freemium",[25],"Browser",[27,37,47,58],{"id":28,"url":29,"icon":30,"name":31,"slug":32,"tags":33,"cover":34,"tagline":35,"is_featured":9,"date_created":36,"date_updated":9},612,"https:\u002F\u002Fusekodo.ai\u002F","b8589471-7a55-4558-a0b6-cac7a1805df0.svg","Kodo","kodo",[],"d422b1d4-6094-488c-88e1-c1ea3d2414fd.webp","An AI design tool that transforms text prompts into stunning, fully editable professional layouts.","2026-03-26T08:58:15.249+00:00",{"id":38,"url":39,"icon":40,"name":41,"slug":42,"tags":43,"cover":44,"tagline":45,"is_featured":9,"date_created":46,"date_updated":9},611,"https:\u002F\u002Fveeso.ai\u002F","477fe179-812f-45ff-8acb-eb1cb5fe8ac7.svg","Veeso AI","veeso-ai",[],"5bdc2f95-a5a7-4e52-b859-e2cafcf0ec85.webp","An AI tool that instantly transforms raw text content into professional, production-ready designs.","2026-03-26T08:48:55.54+00:00",{"id":48,"url":49,"icon":50,"name":51,"slug":52,"tags":53,"cover":54,"tagline":55,"is_featured":9,"date_created":56,"date_updated":57},603,"https:\u002F\u002Fopenclaw.ai\u002F","4863562c-0b51-4de2-98d1-1bd54e66cb14.svg","OpenClaw","open-claw",[],"aee1eea9-9f8f-4542-9cfa-509a3fd4c937.webp","An open-source personal AI assistant that runs locally and performs tasks via your favorite chat apps.","2026-01-25T07:01:21.29+00:00","2026-03-20T02:34:02.428+00:00",{"id":59,"url":60,"icon":61,"name":62,"slug":63,"tags":64,"cover":65,"tagline":66,"is_featured":9,"date_created":67,"date_updated":9},610,"https:\u002F\u002Fhandwrittengenerator.com\u002F","23222ea6-35f4-4186-b959-43113e84192a.svg","Handwritten Generator","handwritten-generator",[],"b9d9379f-fd78-4db4-8247-915a4b5e2bf3.webp","An online tool that instantly converts digital text into realistic handwritten images.","2026-03-20T02:27:03.068+00:00"]