SlideShare a Scribd company logo
1. GitLab GitLab is an end-to-end DevOps
platform that features repository management,
continuous integration and deployment (CI/CD),
and collaboration tools. It serves as a
comprehensive tool for software development and
design.
• 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 InVision Freehand InVision Freehan is an online d

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
 
chapter12 - Software engineering.pdf
chapter12 - Software engineering.pdfchapter12 - Software engineering.pdf
chapter12 - Software engineering.pdf
satonaka3
 

Similar to InVision Freehand InVision Freehan is an online d (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
 
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 (...
 
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
 
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
 
Best Platforms For Mobile App Development
Best Platforms For Mobile App DevelopmentBest Platforms For Mobile App Development
Best Platforms For Mobile App Development
 
Flutter_GTU 8th Sem Gtu Format PPT for Presentation
Flutter_GTU 8th Sem Gtu Format PPT for PresentationFlutter_GTU 8th Sem Gtu Format PPT for Presentation
Flutter_GTU 8th Sem Gtu Format PPT for Presentation
 
Cross-platform App Development Company
Cross-platform App Development CompanyCross-platform App Development Company
Cross-platform App Development Company
 
Mastering cross platform development
Mastering cross platform developmentMastering cross platform development
Mastering cross platform development
 
Flutter vs React Native The Ultimate Comparison in 2023
Flutter vs React Native The Ultimate Comparison in 2023Flutter vs React Native The Ultimate Comparison in 2023
Flutter vs React Native The Ultimate Comparison in 2023
 
Climberreport
ClimberreportClimberreport
Climberreport
 
Chapter Ten
Chapter TenChapter Ten
Chapter Ten
 
Complete Guide to Mobile App Development
Complete Guide to Mobile App DevelopmentComplete Guide to Mobile App Development
Complete Guide to Mobile App Development
 
Online tools-for-content-development updated
Online tools-for-content-development updatedOnline tools-for-content-development updated
Online tools-for-content-development updated
 
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
 
Rive
RiveRive
Rive
 
Which Tools Are The Best For Symfony Projects_.pdf
Which Tools Are The Best For Symfony Projects_.pdfWhich Tools Are The Best For Symfony Projects_.pdf
Which Tools Are The Best For Symfony Projects_.pdf
 
Unit 2
Unit 2Unit 2
Unit 2
 
Basic Introduction Flutter Framework.pdf
Basic Introduction Flutter Framework.pdfBasic Introduction Flutter Framework.pdf
Basic Introduction Flutter Framework.pdf
 
Authoring metaphors
Authoring metaphorsAuthoring metaphors
Authoring metaphors
 
chapter12 - Software engineering.pdf
chapter12 - Software engineering.pdfchapter12 - Software engineering.pdf
chapter12 - Software engineering.pdf
 

Recently uploaded

一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
cyebo
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 
Second Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptxSecond Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptx
joshuaclack73
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
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
 

Recently uploaded (20)

Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
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
 
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
 
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..
 
Second Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptxSecond Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptx
 
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
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
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
 
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
 
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
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
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
 

InVision Freehand InVision Freehan is an online d

  • 1. 1. GitLab GitLab is an end-to-end DevOps platform that features repository management, continuous integration and deployment (CI/CD), and collaboration tools. It serves as a comprehensive tool for software development and design.
  • 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