Introduction
                                    
                                        Build your chat client with Sketch and InVision Design System Manager (DSM)
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        What you should know
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                1. Initial Research
                                    
                                        Set up Sketch, Craft, and InVision DSM
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Visual inspiration for the project
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Ideas and mockups
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Finalize mockups
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                2. Design the Main Chat List
                                    
                                        Create initial symbols
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Create the list view
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Add the list of people
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Create the message area
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                3. Design the Conversation Screen
                                    
                                        Create the chat text input
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Create the simulated chat
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Multiply the simulated chat
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Reorganize the prototype
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                4. Manage Designs with DSM
                                    
                                        Overview of InVision DSM
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Manage the colors section
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Manage the components section
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Manage the text and other sections
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Practical overview of DSM usage
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                     
                        
                                
                                    Ex_Files_Sketch_InVision_DSM_Chat.zip
                                    
                                        (30.6 MB)