SlideShare a Scribd company logo
GitHub GitHub, known for version control with Git,
offers collaboration via repositories, issue tracking,
project management, and extensive integration
options. It is a platform used by developers and
designers alike.
• Step 6: Linking Screens: Use Figma's interactive features to link screens together. Define interactions, such as tapping a button to
navigate to another screen.
• Step 7: Create Arrows for Navigation: On your artboards, use Figma's line tool to draw arrows or lines that represent the flow of navigation
between screens.
• Step 8: Add Descriptive Text: Include text labels to describe the purpose of each screen and interaction. This helps in clarifying the
wireflow for viewers.
• Step 9: Organize the Flow: Arrange the artboards and arrows in a logical sequence to represent the intended user flow throughthe
application.
• Step 10: Test Interactions: Use Figma's prototype mode to test the interactions and ensure that the wireflow accurately represents the
user journey.
• Step 11: Collaboration and Feedback: Share your wireflow diagram with team members and stakeholders. Allow
them to provide feedback and comments directly within Figma.
• Step 12: Refine and Update: Based on feedback, refine and update the wireflow diagram as needed. Ensure that it
accurately reflects the application's user flow.
• Step 13: Export or Share: Once the wireflow diagram is finalized, you can export it in various formats or share it
with relevant team members for implementation.
Exploring various open source collaborative interface Platform
• AIM:
• To explore various open source collaborative interface Platform
• Theory:
• Exploring various open-source collaborative interface platforms is essential for designing user-friendly and efficient digital interfaces. This
document offers an overview of different open-source platforms to facilitate UI/UX design collaboration.
• List of Explored Open Source Collaborative Interface Platforms:
• 1.Figma Community
• 2.GitHub
• 3.GitLab
• 4.InVision Freehand
• 5.Adobe XD (Starter Plan)
• 6.Miro (Free Plan)
• 7.Sketch for Teams (Beta)
• 8.Gravit Designer
• 9.Vectr 10.Penpot

More Related Content

Similar to GitHub GitHub, known for version control

Webcast Presentation: Be lean. Be agile. Work together with DevOps Services (...
Webcast Presentation: Be lean. Be agile. Work together with DevOps Services (...Webcast Presentation: Be lean. Be agile. Work together with DevOps Services (...
Webcast Presentation: Be lean. Be agile. Work together with DevOps Services (...
GRUC
 
BIMserver.org snippets from the bim acceleration workshop 2014 Orlando, Florida
BIMserver.org snippets from the bim acceleration workshop 2014 Orlando, FloridaBIMserver.org snippets from the bim acceleration workshop 2014 Orlando, Florida
BIMserver.org snippets from the bim acceleration workshop 2014 Orlando, Florida
Léon Berlo
 
Windows 8 product guide developer english
Windows 8 product guide developer englishWindows 8 product guide developer english
Windows 8 product guide developer english
Hoangminh Nguyen
 
Introduction to Gradio library in python.pptx
Introduction to Gradio library in python.pptxIntroduction to Gradio library in python.pptx
Introduction to Gradio library in python.pptx
vahid67ebrahimian
 

Similar to GitHub GitHub, known for version control (20)

The Ultimate Guide to Cross-Platform App Development
The Ultimate Guide to Cross-Platform App DevelopmentThe Ultimate Guide to Cross-Platform App Development
The Ultimate Guide to Cross-Platform App Development
 
10 Key Criteria for Mobile Platform Selection
10 Key Criteria for Mobile Platform Selection10 Key Criteria for Mobile Platform Selection
10 Key Criteria for Mobile Platform Selection
 
How to Build Cross-Platform Mobile Apps Using Python
How to Build Cross-Platform Mobile Apps Using PythonHow to Build Cross-Platform Mobile Apps Using Python
How to Build Cross-Platform Mobile Apps Using Python
 
Webcast Presentation: Be lean. Be agile. Work together with DevOps Services (...
Webcast Presentation: Be lean. Be agile. Work together with DevOps Services (...Webcast Presentation: Be lean. Be agile. Work together with DevOps Services (...
Webcast Presentation: Be lean. Be agile. Work together with DevOps Services (...
 
SEO consultant Dubai
SEO consultant DubaiSEO consultant Dubai
SEO consultant Dubai
 
SEO packages Dubai
SEO packages DubaiSEO packages Dubai
SEO packages Dubai
 
Rive
RiveRive
Rive
 
Final Algos
Final AlgosFinal Algos
Final Algos
 
Android Effective UI: Tips, Tricks and Patterns
Android Effective UI: Tips, Tricks and PatternsAndroid Effective UI: Tips, Tricks and Patterns
Android Effective UI: Tips, Tricks and Patterns
 
Summit 16: NetIDE: Integrating and Orchestrating SDN Controllers
Summit 16: NetIDE: Integrating and Orchestrating SDN ControllersSummit 16: NetIDE: Integrating and Orchestrating SDN Controllers
Summit 16: NetIDE: Integrating and Orchestrating SDN Controllers
 
Chapter Ten
Chapter TenChapter Ten
Chapter Ten
 
BIMserver.org snippets from the bim acceleration workshop 2014 Orlando, Florida
BIMserver.org snippets from the bim acceleration workshop 2014 Orlando, FloridaBIMserver.org snippets from the bim acceleration workshop 2014 Orlando, Florida
BIMserver.org snippets from the bim acceleration workshop 2014 Orlando, Florida
 
Windows 8 product guide developer english
Windows 8 product guide developer englishWindows 8 product guide developer english
Windows 8 product guide developer english
 
Basic Introduction Flutter Framework.pdf
Basic Introduction Flutter Framework.pdfBasic Introduction Flutter Framework.pdf
Basic Introduction Flutter Framework.pdf
 
OpenNTF Overview 09/10
OpenNTF Overview 09/10OpenNTF Overview 09/10
OpenNTF Overview 09/10
 
Introduction to Gradio library in python.pptx
Introduction to Gradio library in python.pptxIntroduction to Gradio library in python.pptx
Introduction to Gradio library in python.pptx
 
Mastering cross platform development
Mastering cross platform developmentMastering cross platform development
Mastering cross platform development
 
Scaling frontend applications with micro-frontends Presentation.pdf
Scaling frontend applications with micro-frontends Presentation.pdfScaling frontend applications with micro-frontends Presentation.pdf
Scaling frontend applications with micro-frontends Presentation.pdf
 
App Development Made Easy Why React Native Should Be Your Top Pick.pdf
App Development Made Easy Why React Native Should Be Your Top Pick.pdfApp Development Made Easy Why React Native Should Be Your Top Pick.pdf
App Development Made Easy Why React Native Should Be Your Top Pick.pdf
 
Android 3.1 - Portland Code Camp 2011
Android 3.1 - Portland Code Camp 2011Android 3.1 - Portland Code Camp 2011
Android 3.1 - Portland Code Camp 2011
 

Recently uploaded

Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
anasabutalha2013
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
cyebo
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
JIT KUMAR GUPTA
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
Second Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptxSecond Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptx
joshuaclack73
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 

Recently uploaded (20)

FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive design
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and Localisation
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Second Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptxSecond Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptx
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
bobbi goods amelie y ximena # Bobbie gods forever
bobbi goods amelie y ximena # Bobbie gods foreverbobbi goods amelie y ximena # Bobbie gods forever
bobbi goods amelie y ximena # Bobbie gods forever
 

GitHub GitHub, known for version control

  • 1. GitHub GitHub, known for version control with Git, offers collaboration via repositories, issue tracking, project management, and extensive integration options. It is a platform used by developers and designers alike.
  • 2. • Step 6: Linking Screens: Use Figma's interactive features to link screens together. Define interactions, such as tapping a button to navigate to another screen. • Step 7: Create Arrows for Navigation: On your artboards, use Figma's line tool to draw arrows or lines that represent the flow of navigation between screens. • Step 8: Add Descriptive Text: Include text labels to describe the purpose of each screen and interaction. This helps in clarifying the wireflow for viewers. • Step 9: Organize the Flow: Arrange the artboards and arrows in a logical sequence to represent the intended user flow throughthe application. • Step 10: Test Interactions: Use Figma's prototype mode to test the interactions and ensure that the wireflow accurately represents the user journey.
  • 3. • Step 11: Collaboration and Feedback: Share your wireflow diagram with team members and stakeholders. Allow them to provide feedback and comments directly within Figma. • Step 12: Refine and Update: Based on feedback, refine and update the wireflow diagram as needed. Ensure that it accurately reflects the application's user flow. • Step 13: Export or Share: Once the wireflow diagram is finalized, you can export it in various formats or share it with relevant team members for implementation.
  • 4.
  • 5. Exploring various open source collaborative interface Platform • AIM: • To explore various open source collaborative interface Platform • Theory: • Exploring various open-source collaborative interface platforms is essential for designing user-friendly and efficient digital interfaces. This document offers an overview of different open-source platforms to facilitate UI/UX design collaboration. • List of Explored Open Source Collaborative Interface Platforms: • 1.Figma Community • 2.GitHub • 3.GitLab • 4.InVision Freehand • 5.Adobe XD (Starter Plan) • 6.Miro (Free Plan) • 7.Sketch for Teams (Beta) • 8.Gravit Designer • 9.Vectr 10.Penpot