Skip to main content

Wireframing and Diagramming apps for Mobile

  1. Framer - Modern prototyping tool
  2. Indigo Studio - Rapid, interactive prototyping
  3. Mockingbird - Wireframes on the fly
  4. Simulify - Interactive, shareable wireframes, mockups and prototypes
  5. Solidify - Create clickable prototypes
  6. Lovely Charts - Diagramming app with desktop and mobile versions
  7. ForeUI - Easy to use UI prototyping tool
  8. Creately - Realtime diagram collaboration
  9. JumpChart - Architecture, layout and content planning
  10. Lumzy - Mockup creation and prototyping tool
  11. Concept.ly - Convert wireframes and designs into interactive apps
  12. Frame Box - Easy, simple wireframing
  13. Realizer - Interactive presentation prototypes
  14. Cacoo - Diagrams with realtime collaboration
  15. Mockup Builder - Super-easy prototyping and mockups
  16. Appery.io - Develop cross platform mobile apps fast
  17. Mockup Designer - Basic wireframing tool hosted on GitHub
  18. ClickDummy - Turn mockups into clickable prototypes
  19. Mockups.me - Create and present interactive UI wireframes
  20. Mockabilly - iPhone mockups with genuine iphone behavior
  21. RWD Wireframes - Wireframing tool for responsive layouts
  22. Blocks - Create annotated HTML prototypes
  23. UX Toolbox - Create, document and share wireframes and prototypes.

Popular posts from this blog

Raised Button : Material Design Tips

From google material design documentation.
A typically rectangular material button that lifts and displays ink reactions on press. How to add? I. In your build.gradle add latest appcompat library. dependencies { compile 'com.android.support:appcompat-v7:X.X.X'// where X.X.X version} II. Make your activity extend android.support.v7.app.AppCompatActivity. publicclassMainActivityextendsAppCompatActivity{...} III. Declare your Button inside any layout.xml file <Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Button"/> How to style?
I. Declare custom style in your styles.xml file.

Floating Labels : Material Design Tips

From google material design documentation. When the user engages with the text input field, the floating inline labels move to float above the field. How to add? I. In your build.gradle add latest appcompat and design libraries. dependencies { compile 'com.android.support:appcompat-v7:X.X.X'// where X.X.X version compile 'com.android.support:design:X.X.X'// where X.X.X version} II. Make your activity extend android.support.v7.app.AppCompatActivity. publicclassMainActivityextendsAppCompatActivity{...} III. Declare your EditText inside any layout.xml file and wrap it with TextInputLayout. <android.support.design.widget.TextInputLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><EditTextandroid:layout_width="match_parent"android:layout_height="wrap_content"android:hint="@string/Title"/></android.support.design.widget.TextInputLayout>

Switch : Material Design Tips

From google material design documentation.
On/off switches toggle the state of a single settings option. The option that the switch controls, as well as the state it’s in, should be made clear from the corresponding inline label. Switches take on the same visual properties of the radio button.
The on/off slide toggle with the text “on” and “off” included within the asset is deprecated. Use the switch shown here instead. How to add? I. In your build.gradle add latest appcompat library. dependencies { compile 'com.android.support:appcompat-v7:X.X.X'// where X.X.X version} II. Make your activity extend android.support.v7.app.AppCompatActivity. publicclassMainActivityextendsAppCompatActivity{...} III. Declare your SwitchCompat inside any layout.xml file <android.support.v7.widget.SwitchCompatandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:checked="true"/> SwitchCompat is a backward compatible version of the Switc…