Mockups of an iPhone X recipe app's user interface (UI) design tutorial.
A mockup of the final product with the text "Learn how to make this!".

Recipe App UI Tutorial + Source File

Regular price $0.00 $0.00


This demo pack includes a conceptual mockup of a recipe ingredient detail screen for a recipe app screen designed for iPhone X. All UI components and artboards grouped and labelled. 

This is just a demo for the full educational UI pack.

The full pack will include

  • Full sample problem with design considerations and thought process
  • 30+ components in the wireframe kit
  • 10+ detailed high-fi mockups
  • 30+ modular and editable components in the UI kit
  • Detailed instructions for each step in the design process
  • A full .PDF writeup of the design process, with worksheet templates to follow along with
  • Additional challenges and sample problems
  • All the font files used
  • Source files for Sketch and Figma
  • Updates will be free forever after download (subscribe to the newsletter to get the free updates)


  • Designed for each platform from scratch 
  • Full editable vector files
  • Based on iOS HIG design guidelines 
  • @1x resolution for iPhone X (375 x 812px) 

Compatible with Sketch and Figma (coming soon). Adobe XD and Invision Studios available upon request.

Note: there is a method to convert the Sketch file to Figma (PC compatible), follow this guide here.

Please follow @origamiuishop on Instagram to keep updated with the status of this project. 

I would love to hear feedback on this product and general ideas about origamiUI. Please e-mail or fill out this questionnaire.


Customer Reviews

Based on 2 reviews Write a review

More from this collection