Design quick mocks, directly on your phone.
Napkin is a lightweight user interface design tool made for mocking up quick ideas directly on your iPhone. Core features include:
This looks great! I am coaching at a hackathon for college students and this could be perfect for the non-technical college students to get intro'd into this simple way of creating mock-ups. It will be important for students to experience this way of thinking/creating, especially for those with minimal or no PS experience. Great work, @scottsavarie! Any plans on an Android application?
@jackosutherland Thanks Jack! Awesome, would love to see what college students can whip up with it. No immediate plans for Android but that is a logical next step. *Any Android devs wanna help?*
@ScottSavarie Napkin is sweet! The interface is really easy to use after a bit of poking around. Just made this in a few minutes:
Would recommend adding a duplicate layers button (had to make each password circle individually) and undo/redo (maybe shake the phone?).
@thomasmeagher Actually you can tap anything with two fingers to duplicate! A bit hidden. Agree with undo, it's on the list of things I definitely should build. Thanks for sharing the mock—looks sweet!
Looks like a great product for what Napkin set out to do, just not sure it's practical. Time is money, can create mockups in Photoshop or even Powerpoint in less time and with more tools available.
Report
@danjfein Well, creating mockups in PS can be really annoying. And you never have the "real" size view and feeling of how it will work in the mobile phone's screen, so this could definitely be practical. Didn't already check the usability, but the idea sounds nice.
@danjfein Thanks Dan! You're right, it's definitely not a replacement for designing on your desktop. It's more about being able to quickly whip something up whenever / wherever an idea strikes you. Ideally this can move into a world where there is a file that I can then open on my desktop.
Report
Nice start! I've always wanted a wire framing tool on the go.
@scottsavarie (quick question)
How can I delete a label, icon etc on the canvas?
Hey John, thanks! I made that video using a combination of tools:
1.Touchpose: https://github.com/toddreed/Touc...
2. Quicktime / my iPhone to capture my iPhone screen
3. Premier to edit it
Detective by Charlie
Current
Current
Detective by Charlie
Current
Astronomer
SmoothTrack
Current
Mute.vc
Current
Mute.vc
Current
Current
Reboot Podcast #33 - Do I Even Have A Superpower?
Current
Current