Prototyping with Version Control
This step-by-step tutorial covers a process for creating a prototype using these tools. This recipe is a structured approach to keep the prototypes flexible, organized, and easy for the team to maintain.
Benefits
- Prototyping with multiple makers and contributors.
- Version control and history prevents lost or repeated work.
- Rapid file sharing using new tools and streamlined workflow
- Cloud-based collaboration connects to existing tools in an experienced designer’s workflow.
STATS
Time
30 mins
Activity
Individual
Sprint Type
All
Directions
- Download and Install Abstract, Sketch, Craft, and Invision 10 mins
- Create a New project in Abstract 1 min
- Use Abstract to create a Sketch file which will automatically track all edits and revisions when the project is synced to the cloud. 1 min
- Draw or insert screens for the prototype in Sketch and save the edits. 5 mins
- Draw hotspots in Sketch, and use the linking features in Craft to connect interactions and animations. 3 mins
- Preview & Commit the edits to Abstract 1 min
- Summarize the changes using brief but descriptive statements for other makers to reference. 1 min
- Sync the Sketch file to Invision using the Craft plugin. 1 min
- Create new branches in Abstract for each designer or maker working on the prototype. 2 mins
- Delegate work based on the storyboard and Kanban jobs that focus on separate screens of the prototype. 5 mins
- In the case of conflicting changes, use Abstract to resolve conflicts to preserve the most recent corrections.
- Check that your Abstract file is up to date with the most recent Commits to the project.
- Repeat Sketch edits, update the hotspots using Craft, sync to InVision, Preview and Commit to Abstract.
