Protoship

What it does

Protoship Codegen converts your Sketch designs to simple and precise HTML and CSS that your developers can instantly understand, change, and integrate into their codebase.

For years we've been obsessed with finding a goldilocks solution to convert vector designs into code. These are the result of those experiments. The tools are no longer available for use, but you're welcome to take these ideas and make them your own. Design to code for Figma. A novel and effective approach to design to code. Generate clean HTML & CSS from Sketch. One of the first end-to-end design to code solution that generated programmer-friendly code. Superseded by Decode. For the last 4 months, I've been a coach and content-creator for a course we call SaaS & Web Technologies 201. It is the first of its kind that I know of in Indian engineering education - a fully remote course, shaped…from protoship.io

• 
  Expo Sketch2017 · ▲248

  Prototype and deploy React Native code faster than ever

• 
  Precursor2014 · prcrsr.com · ▲227

  A real-time collaborative prototyping tool

• 
  Sketch2Code2019 · learn.microsoft.com · ▲407

  Turn hand-drawn design into a HTML with AI. By Microsoft.

• 
  A Single Div2016 · a.singlediv.com · ▲177

  A CSS drawing project

• 
  Marvel (iOS)2014 · marvelapp.com · ▲211

  Turn Sketches Into Prototypes

• 
  Protoship Teleport (Beta)2017 · protoship.io · ▲4

  Instantly convert any webpage into an editable Sketch design

• 
  /dev/null▲484

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Gboard by Google▲1,207

  Google Search, GIFs, emojis & more—right from your keyboard

  Life & fun · 2016 · apps.apple.com

• 
  Project Soli by Google▲824

  Your hands are the only interface you'll need

  Work · 2016 · google.com

• 
  Copper▲818

  Password-free signups. No social network required.

  Dev tools · 2016

• 
  Firebase▲804

  App success made simple by google

  Dev tools · 2016 · firebase.google.com

• 
  Product Hunt Shop▲779

  Buy cool things you discover on Product Hunt 😄 📦

  Commerce · 2016

• 
  Instagram 8▲743

  A new look for Instagram

  Life & fun · 2016 · about.instagram.com