How to create a file structure for

UX/UI Design

This blueprint provides a clear starting point for your UX/UI Design project. A well-organized file structure is key to an efficient workflow.

This structure is designed for organizing UX/UI design projects, keeping assets and documentation separate.

UX UI design wireframing prototyping

Use this Blueprint with File Architect

Copy the blueprint below and paste it into File Architect to instantly generate this structure on your computer.

Or, use the "Open in App" button for direct import.

  • Folder uxui-design
  • Folder project_name
  • Folder docs
  • Folder user_research
  • Folder wireframes
  • Folder prototypes
  • Folder specs
  • Folder assets
  • Folder images
  • Folder icons
  • Folder fonts
  • Folder components
  • Folder styleguide
  • File README.md 
uxui-design
	project_name
		docs
			user_research
			wireframes
			prototypes
			specs
		assets
			images
			icons
			fonts
		components
		styleguide
		README.md

Create this file structure directly on your mac with File Architect

File Architect helps you create complex file and folder structures from plain text.

Skip the repetitive work and get to work faster with File Architect.

Download File Architect