{"id":36425,"date":"2022-08-31T06:45:00","date_gmt":"2022-08-31T13:45:00","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=36425"},"modified":"2026-05-08T09:07:31","modified_gmt":"2026-05-08T16:07:31","slug":"software-development-tools-guide-for-designers","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/","title":{"rendered":"Software Development Tools 101 \u2013 A Quick Guide for Designers"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools-1024x512.png\" alt=\"Software Development Tools\" class=\"wp-image-36426\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools-1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p>As a designer, learning about software development tools can help improve design projects and find ways to enhance collaboration with engineers. Such proactive approach can also help design projects increase buy-in for initiatives.<\/p>\n<p>A great example is how Delivery Hero&#8217;s product team <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/business-case-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">leveraged front-end debt to get buy-in<\/a> for their <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/adopting-design-system\/\" target=\"_blank\" rel=\"noreferrer noopener\">Marshmallow Design System<\/a>. By understanding how engineers develop components and the errors that add to front-end debt, Delivery Hero&#8217;s product team presented a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/business-case-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">business case<\/a> that stakeholders couldn&#8217;t refuse.<\/p>\n<p>We&#8217;ve put together a list of 11 software development tools that can help designers collaborate with engineers better\u2013<em>and some of these can improve design processes too!<\/em><\/p>\n<div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\">\n<h2>Table of contents<\/h2>\n<ul>\n<li><a href=\"#h-common-use-cases-for-software-development-tools\" data-level=\"2\">Common Use Cases for Software Development Tools<\/a><\/li>\n<li><a href=\"#h-11-common-software-development-tools\" data-level=\"2\">11 Common Software Development Tools<\/a>\n<ul>\n<li><a href=\"#h-1-github\" data-level=\"3\">1. GitHub<\/a><\/li>\n<li><a href=\"#h-2-storybook\" data-level=\"3\">2. Storybook<\/a><\/li>\n<li><a href=\"#h-3-jira\" data-level=\"3\">3. Jira<\/a><\/li>\n<li><a href=\"#h-4-bitbucket\" data-level=\"3\">4. BitBucket<\/a><\/li>\n<li><a href=\"#h-5-docker\" data-level=\"3\">5. Docker<\/a><\/li>\n<li><a href=\"#h-6-visual-studio-code\" data-level=\"3\">6. Visual Studio Code<\/a><\/li>\n<li><a href=\"#h-7-microsoft-azure\" data-level=\"3\">7. Microsoft Azure<\/a><\/li>\n<li><a href=\"#h-8-gitlab\" data-level=\"3\">8. GitLab<\/a><\/li>\n<li><a href=\"#h-9-bootstrap\" data-level=\"3\">9. Bootstrap<\/a><\/li>\n<li><a href=\"#h-10-chrome-devtools\" data-level=\"3\">10. Chrome DevTools<\/a><\/li>\n<li><a href=\"#h-11-aws\" data-level=\"3\">11. AWS<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#h-uxpin-merge-the-best-software-development-tool-for-designers-and-engineers\" data-level=\"2\">UXPin Merge &#8211; The Best Software Development Tool for Designers and Engineers<\/a><\/li>\n<\/ul>\n<\/div>\n<p>Streamline product development workflows and enhance prototyping with the world&#8217;s most advanced collaborative design tool. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Visit our Merge page for more details<\/a> and how to request access to this revolutionary component-driven prototyping technology.<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-common-use-cases-for-software-development-tools\">Common Use Cases for Software Development Tools<\/h2>\n<p>There are tons of tools available for engineers. These tools vary depending on the tech stack, workflows, product, organization size, etc. There are several common reasons why engineers use programming tools:<\/p>\n<ul class=\"wp-block-list\">\n<li>IDE (Integrated Development Environment) &#8211; for writing code<\/li>\n<li><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/vue-react-angular-framework-comparison\/\" target=\"_blank\" rel=\"noreferrer noopener\">Development frameworks<\/a> &#8211; React, Bootstrap, Angular, etc.<\/li>\n<li>Testing &#8211; tools to evaluate and correct code errors<\/li>\n<li>Repository hosting &#8211; project hosting, package managers, development tools, etc.<\/li>\n<li>Automation &#8211; task and workflow automation<\/li>\n<li>Prototyping &#8211; UI and component prototyping<\/li>\n<\/ul>\n<p>Understanding these tools and what they do can help design teams collaborate to find solutions.<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-11-common-software-development-tools\">11 Common Software Development Tools<\/h2>\n<h3 class=\"wp-block-heading\" id=\"h-1-github\">1. GitHub<\/h3>\n<p><a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GitHub<\/a> is a software development management platform allowing engineers to build, host, share, document, scale, and collaborate on development projects. While there are several similar platforms, GitHub is by far the largest and most widely used.<\/p>\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/GitHub-software-development-tool-1024x580.png\" alt=\"GitHub software development tool\" class=\"wp-image-36428\" width=\"650\"\/><\/figure>\n<p>GitHub offers private and public (open-source) hosting for every type of developer, from beginners and hobbyists to experts and multinational enterprise organizations.<\/p>\n<p>While most designers will never use GitHub, it can offer significant benefits to the design process, like component-driven prototyping with <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin Merge<\/a>.<\/p>\n<p>Merge syncs a React component library from a repository (like GitHub) to UXPin so designers can use ready-made UI components (the same ones engineers use for development) for prototyping and testing. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Visit our Merge page for more details<\/a> and how to request access.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-2-storybook\">2. Storybook<\/h3>\n<p><a href=\"https:\/\/storybook.js.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Storybook<\/a> allows software development teams to build UI components and interfaces in isolation. They can also collaborate with other programmers and invite leads and stakeholders to review UI elements before release.<\/p>\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Storybook-software-development-tool-1024x580.png\" alt=\"Storybook software development tool\" class=\"wp-image-36432\" width=\"650\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Storybook-software-development-tool-1024x580.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Storybook-software-development-tool-530x300.png 530w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Storybook-software-development-tool-768x435.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Storybook-software-development-tool-1536x869.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Storybook-software-development-tool-2048x1159.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/storybook-component-library-for-your-product-team\/\" target=\"_blank\" rel=\"noreferrer noopener\">Storybook is an excellent tool for designer\/engineer collaboration<\/a> because it allows developers to share components based on design files.<\/p>\n<p>For example, let&#8217;s say your design team builds a new button with multiple states, and you want to know how these will translate to code. Engineers can create the component in Storybook and share a link for designers to preview the button in isolation.<\/p>\n<p>Another significant benefit for design teams is that <a href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noreferrer noopener\">Storybook integrates with UXPin Merge<\/a>, allowing designers to import a Storybook component library for prototyping and testing. Where UXPin&#8217;s Git integration only works with React, Storybook allows for more front-end technologies, like Vue, Ember, Angular, <a href=\"https:\/\/storybook.js.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">and more<\/a>.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-3-jira\">3. Jira<\/h3>\n<p><a href=\"https:\/\/www.atlassian.com\/software\/jira\" target=\"_blank\" rel=\"noreferrer noopener\">Jira<\/a> is a widely-used project management tool for software development, particularly for agile teams. This crucial <a href=\"https:\/\/azure.microsoft.com\/en-us\/resources\/cloud-computing-dictionary\/what-is-devops\/\" target=\"_blank\" rel=\"noreferrer noopener\">DevOps<\/a> tool streamlines engineering workflows while enhancing collaboration and productivity.<\/p>\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Jira-software-development-tools-1024x580.png\" alt=\"Jira software development tools\" class=\"wp-image-36430\" width=\"650\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Jira-software-development-tools-1024x580.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Jira-software-development-tools-530x300.png 530w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Jira-software-development-tools-768x435.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Jira-software-development-tools-1536x869.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Jira-software-development-tools-2048x1159.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p>Jira is part of the <a href=\"https:\/\/www.atlassian.com\/software\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Atlassian product suite<\/a>, allowing engineering teams to integrate multiple tools to scale and optimize workflows. It also integrates with the <a href=\"https:\/\/www.atlassian.com\/software\/trello\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">productivity tool Trello<\/a> to enable organization-wide task and project alignment.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-4-bitbucket\">4. BitBucket<\/h3>\n<p><a href=\"https:\/\/bitbucket.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">BitBucket<\/a> is another Atlassian product and offers similar features to GitHub, but companies primarily use it for private repositories. The platform is built for enterprise software development, with tools and features to optimize workflows, issue tracking, testing, pipeline management, integrations, etc.<\/p>\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Bitbucket-software-tools-that-you-hear-about-1024x580.png\" alt=\"Bitbucket software tools that you hear about\" class=\"wp-image-36434\" width=\"650\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Bitbucket-software-tools-that-you-hear-about-1024x580.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Bitbucket-software-tools-that-you-hear-about-530x300.png 530w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Bitbucket-software-tools-that-you-hear-about-768x435.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Bitbucket-software-tools-that-you-hear-about-1536x869.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Bitbucket-software-tools-that-you-hear-about-2048x1159.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Bitbucket software tools that you hear about<\/figcaption><\/figure>\n<p>BitBucket syncs with Jira through <a href=\"https:\/\/support.atlassian.com\/jira-software-cloud\/docs\/what-is-an-issue\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Jira issue IDs<\/a>, automating many operational tasks, like updating tickets and notifying cross-functional teams connected via Trello\u2013simplifying DevOps and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/designops-role\/\" target=\"_blank\" rel=\"noreferrer noopener\">DesignOps responsibilities<\/a>.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-5-docker\">5. Docker<\/h3>\n<p>Docker is a software development tool for developing and deploying web and mobile apps through virtual container environments. Using Docker ensures your application runs the same across multiple operating systems and environments, including iOS, Windows, Android, Linux, etc. If engineers need to change a specific container (like iOS), it won&#8217;t impact the other environments.<\/p>\n<p>This cross-platform management solution means the software is system agnostic reducing code while making it easy to deploy and maintain.<\/p>\n<p>The concept of containers can appear complicated for those with limited technical knowledge, so we highly recommend checking out <a href=\"https:\/\/www.youtube.com\/watch?v=_dfLOzuIg2o\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">this video from Kyle at TechSquidTV<\/a> for a foundational understanding of Docker.<\/p>\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n<div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"What is Docker in 5 minutes\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/_dfLOzuIg2o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div>\n<\/figure>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\" id=\"h-6-visual-studio-code\">6. Visual Studio Code<\/h3>\n<p>Visual Studio Code (VS Code) is a popular free IDE (Integrated Development Environment) or code editor from Microsoft. The IDE&#8217;s built-in Git (a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/version-control-for-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">version control system<\/a>) allows engineers to connect to <a href=\"https:\/\/www.atlassian.com\/git\/tutorials\/source-code-management\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">source code management (SCM)<\/a> tools and platforms like GitHub or BitBucket.<\/p>\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Visual-Studio-Code-software-tools-for-developers-1024x580.png\" alt=\"Visual Studio Code software tools for developers\" class=\"wp-image-36436\" width=\"650\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Visual-Studio-Code-software-tools-for-developers-1024x580.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Visual-Studio-Code-software-tools-for-developers-530x300.png 530w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Visual-Studio-Code-software-tools-for-developers-768x435.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Visual-Studio-Code-software-tools-for-developers-1536x869.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Visual-Studio-Code-software-tools-for-developers-2048x1159.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p>VS Code offers an extensive library of <a href=\"https:\/\/marketplace.visualstudio.com\/VSCode\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">extensions<\/a> to integrate with other software development tools for many programming languages, including Javascript, Python, Java, PHP, HTML, and TypeScript, <a href=\"https:\/\/marketplace.visualstudio.com\/search?target=VSCode&amp;category=Programming%20Languages&amp;sortBy=Installs\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">to name a few<\/a>.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-7-microsoft-azure\">7. Microsoft Azure<\/h3>\n<p>Microsoft Azure is a cloud software development platform with the tools, resources, and services to build, manage, scale, and run applications.<\/p>\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.07.41-1024x580.png\" alt=\"Microsoft Azure software tool\" class=\"wp-image-36438\" width=\"650\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.07.41-1024x580.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.07.41-530x300.png 530w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.07.41-768x435.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.07.41-1536x869.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.07.41-2048x1159.png 2048w\" sizes=\"(auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p>Azure integrates with <a href=\"https:\/\/www.microsoft.com\/en-gb\/microsoft-365\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Microsoft 365<\/a>, enabling organization-wide collaboration for startups and enterprises alike.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-8-gitlab\">8. GitLab<\/h3>\n<p><a href=\"https:\/\/about.gitlab.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">GitLab<\/a> is a comprehensive end-to-end product development workspace with tools and services for every stage of the DevOps lifecycle. It also features <a href=\"https:\/\/docs.gitlab.com\/ee\/user\/project\/issues\/design_management.html\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Design Management<\/a>\u2013a tool for product, UX, and engineering team members to collaborate on wireframes, mockups, prototypes, and other <a href=\"https:\/\/www.uxpin.com\/studio\/documentation\/ux-artifacts\/\" target=\"_blank\" rel=\"noreferrer noopener\">design artifacts<\/a>.<\/p>\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-gitlab-as-a-designer-1024x580.png\" alt=\"what you should know about gitlab as a designer\" class=\"wp-image-36440\" width=\"650\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-gitlab-as-a-designer-1024x580.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-gitlab-as-a-designer-530x300.png 530w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-gitlab-as-a-designer-768x435.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-gitlab-as-a-designer-1536x869.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-gitlab-as-a-designer-2048x1159.png 2048w\" sizes=\"(auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p>Designers using UXPin Merge will also benefit from better <a href=\"https:\/\/docs.gitlab.com\/ee\/development\/fe_guide\/storybook.html\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">GitLab&#8217;s Storybook integration<\/a>. Engineers can add components to the product&#8217;s Storybook, which <a href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noreferrer noopener\">syncs to UXPin via Merge<\/a>, streamlining design system component releases and updates.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-9-bootstrap\">9. Bootstrap<\/h3>\n<p><a href=\"https:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Bootstrap<\/a> is a responsive front-end framework engineers often use when prototyping websites and web applications. The framework offers a comprehensive CSS grid system and Javascript plugins for out-of-the-box styling and functionality.<\/p>\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-bootstrap-as-a-designer-1024x565.png\" alt=\"what you should know about bootstrap as a designer\" class=\"wp-image-36442\" width=\"650\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-bootstrap-as-a-designer-1024x565.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-bootstrap-as-a-designer-544x300.png 544w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-bootstrap-as-a-designer-768x423.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-bootstrap-as-a-designer-1536x847.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-bootstrap-as-a-designer-2048x1129.png 2048w\" sizes=\"(auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p>Bootstrap is available as a plugin for many design tools and comes standard with every UXPin plan. UXPin Merge users can take prototyping to another level by importing React Bootstrap components using <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/introducing-npm-integration\/\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin&#8217;s npm Integration<\/a>.<\/p>\n<p>These ready-made Bootstrap components allow designers to prototype faster and focus on solving problems rather than designing from scratch. They can hand off designs to engineers who can import the same <a href=\"https:\/\/www.npmjs.com\/package\/react-bootstrap\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">React Bootstrap npm package<\/a> and copy JSX changes from UXPin to begin front-end development.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-10-chrome-devtools\">10. Chrome DevTools<\/h3>\n<p><a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Chrome DevTools<\/a> is a debugging and web page inspection tool for Google Chrome. Engineers can debug Javascript and edit CSS in real time to visualize changes before and after writing code.<\/p>\n<p>Chrome DevTools is relatively easy to use, meaning designers can collaborate with engineers and recommend changes, especially during quality assurance for websites and web apps.<\/p>\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-chrome-dev-tools-as-a-designer-1024x565.png\" alt=\"what you should know about chrome dev tools as a designer\" class=\"wp-image-36444\" width=\"650\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-chrome-dev-tools-as-a-designer-1024x565.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-chrome-dev-tools-as-a-designer-544x300.png 544w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-chrome-dev-tools-as-a-designer-768x423.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-chrome-dev-tools-as-a-designer-1536x847.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/what-you-should-know-about-chrome-dev-tools-as-a-designer-2048x1129.png 2048w\" sizes=\"(auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p>Another helpful feature for designers is the ability to test page load performance, including assets. Designers can identify problematic assets (images, video, etc.) and iterate on alternatives to help engineers <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/important-considerations-responsive-design-performance-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">optimize performance<\/a>.<\/p>\n<p>Apple&#8217;s Safari browser offers a similar tool called <a href=\"https:\/\/developer.apple.com\/safari\/tools\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Web Inspector<\/a>.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-11-aws\">11. AWS<\/h3>\n<p><a href=\"https:\/\/aws.amazon.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Amazon Web Services (AWS)<\/a> is a comprehensive data storage, content delivery, and developer services platform for websites and digital products. One of AWS&#8217;s best features is its vast server network spanning 84 zones across 26 geographic locations\u2013enabling companies to deliver products closest to their customers anywhere worldwide.<\/p>\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.15.15-1024x565.png\" alt=\"AWS-what-is-it\" class=\"wp-image-36446\" width=\"650\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.15.15-1024x565.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.15.15-544x300.png 544w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.15.15-768x423.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.15.15-1536x847.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Zrzut-ekranu-2022-08-30-o-21.15.15-2048x1129.png 2048w\" sizes=\"(auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p>AWS also offers <a href=\"https:\/\/aws.amazon.com\/devops\/what-is-devops\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">DevOps services<\/a> and the powerful web-based text editor, <a href=\"https:\/\/aws.amazon.com\/cloud9\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Cloud9 IDE<\/a>, for writing, running, and debugging code. The platform&#8217;s pricing plans include the AWS Free Tier for building prototypes while providing startups with an affordable entry to market.<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-uxpin-merge-the-best-software-development-tool-for-designers-and-engineers\">UXPin Merge &#8211; The Best Software Development Tool for Designers and Engineers<\/h2>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/high-fidelity-prototyping-low-fidelity-difference\/\" target=\"_blank\" rel=\"noreferrer noopener\">High-fidelity prototyping<\/a> is a challenge for designers and engineers.<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Designers:<\/strong> don&#8217;t get sufficient fidelity or functionality using design tools<\/li>\n<li><strong>Engineers:<\/strong> takes too long to build prototypes, limiting what they can test<\/li>\n<\/ul>\n<p>UXPin Merge allows product development teams to sync a design system from a repository to UXPin&#8217;s design editor so design teams can prototype using ready-made components\u2013the same ones engineers use to build the final product.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"501\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/uxpin-merge-git-react-storybook-library.png\" alt=\"uxpin merge git react storybook library\" class=\"wp-image-33765\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/uxpin-merge-git-react-storybook-library.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/uxpin-merge-git-react-storybook-library-449x300.png 449w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<p>Design teams drag and drop Merge components to build new UIs\u2013allowing them to focus on products and features rather than building from scratch. Merge components are fully interactive with properties defined by the design system, ensuring &#8220;baked-in&#8221; cohesion and consistency for every prototype.<\/p>\n<p>This drag-and-drop solution is also great for engineers and product teams with limited UX skills and design tool experience. We&#8217;ve seen this work for a small startup at TeamPassword and the enterprise level at PayPal.<\/p>\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n<div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"UXPin Merge \u2013 Connect Design and Development\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/MSVjc9HnZi8?start=1&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div>\n<\/figure>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p>TeamPassword, a small password manager with no design team, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/\" target=\"_blank\" rel=\"noreferrer noopener\">uses UXPin Merge to prototype and test user interfaces<\/a> before committing to the software development process.<\/p>\n<p>PayPal&#8217;s internal product development teams use Merge to prototype and test new products. The UX team has built a design system using Microsoft Fluent, including UI templates to give product teams approved components. <a href=\"https:\/\/www.integrate.io\" target=\"_blank\" rel=\"noopener noreferrer\">Integrate.io<\/a> demonstrates how powerful data integration is when teams need to build internal tools and operational workflows that connect across multiple systems and databases.<\/p>\n<p>The switch to UXPin Merge was so successful that <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/\" target=\"_blank\" rel=\"noreferrer noopener\">PayPal&#8217;s product teams now build one-page prototypes 8X faster<\/a> than experienced UX designers could do previously using image-based tools.<\/p>\n<p>Bridge the gap between design and development and design better user experiences for your customers with one of the world&#8217;s best software development tools. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Visit our Merge page for more details<\/a> and how to request access.<\/p>\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Discover Merge<\/a><\/center><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>As a designer, learning about software development tools can help improve design projects and find ways to enhance collaboration with engineers. Such proactive approach can also help design projects increase buy-in for initiatives. A great example is how Delivery Hero&#8217;s product team leveraged front-end debt to get buy-in for their Marshmallow Design System. By understanding<\/p>\n","protected":false},"author":3,"featured_media":36426,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17,18],"tags":[],"class_list":["post-36425","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-collaboration-2","category-process"],"yoast_title":"What Designers Should Know About Software Development Tools","yoast_metadesc":"Designers hear a lot of confusing software development terms. Let's discuss which software pieces your engineers use to build products.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>What Designers Should Know About Software Development Tools<\/title>\n<meta name=\"description\" content=\"Designers hear a lot of confusing software development terms. Let&#039;s discuss which software pieces your engineers use to build products.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Software Development Tools 101 \u2013 A Quick Guide for Designers\" \/>\n<meta property=\"og:description\" content=\"Designers hear a lot of confusing software development terms. Let&#039;s discuss which software pieces your engineers use to build products.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-31T13:45:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T16:07:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"Software Development Tools 101 \u2013 A Quick Guide for Designers\",\"datePublished\":\"2022-08-31T13:45:00+00:00\",\"dateModified\":\"2026-05-08T16:07:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/\"},\"wordCount\":1606,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Software-Development-Tools.png\",\"articleSection\":[\"Blog\",\"Collaboration\",\"Process\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/\",\"name\":\"What Designers Should Know About Software Development Tools\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Software-Development-Tools.png\",\"datePublished\":\"2022-08-31T13:45:00+00:00\",\"dateModified\":\"2026-05-08T16:07:31+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Designers hear a lot of confusing software development terms. Let's discuss which software pieces your engineers use to build products.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Software-Development-Tools.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Software-Development-Tools.png\",\"width\":1200,\"height\":600,\"caption\":\"Software Development Tools\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/software-development-tools-guide-for-designers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Software Development Tools 101 \u2013 A Quick Guide for Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What Designers Should Know About Software Development Tools","description":"Designers hear a lot of confusing software development terms. Let's discuss which software pieces your engineers use to build products.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/","og_locale":"en_US","og_type":"article","og_title":"Software Development Tools 101 \u2013 A Quick Guide for Designers","og_description":"Designers hear a lot of confusing software development terms. Let's discuss which software pieces your engineers use to build products.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/","og_site_name":"Studio by UXPin","article_published_time":"2022-08-31T13:45:00+00:00","article_modified_time":"2026-05-08T16:07:31+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"Software Development Tools 101 \u2013 A Quick Guide for Designers","datePublished":"2022-08-31T13:45:00+00:00","dateModified":"2026-05-08T16:07:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/"},"wordCount":1606,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools.png","articleSection":["Blog","Collaboration","Process"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/","name":"What Designers Should Know About Software Development Tools","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools.png","datePublished":"2022-08-31T13:45:00+00:00","dateModified":"2026-05-08T16:07:31+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Designers hear a lot of confusing software development terms. Let's discuss which software pieces your engineers use to build products.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/08\/Software-Development-Tools.png","width":1200,"height":600,"caption":"Software Development Tools"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/software-development-tools-guide-for-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Software Development Tools 101 \u2013 A Quick Guide for Designers"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/36425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=36425"}],"version-history":[{"count":4,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/36425\/revisions"}],"predecessor-version":[{"id":59409,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/36425\/revisions\/59409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/36426"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=36425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=36425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=36425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}