<p>Published on <a href="https://blog.prototypr.io/developer-the-ultimate-mobile-developer-toolset-for-2018-48df1b97e796?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Jay Cohen — The Swifty Coder </p>
<h4>This gives you an idea of some of the main tools you should be using for mobile development.</h4>
<h4>Xcode / Android studio</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/865/1*egY_S8i2CiKOAMcC_do8Bw@2x.jpeg"></p>
<p>Whilst there are great tools out there to program mobile apps, nothing beats native. In my opinion these other tools will always remain on the back foot, waiting to add features. If you choose these other products you may find yourself a step behind anyone who uses the free alternative.</p>
<ul>
<li><a href="https://developer.apple.com/xcode/">Xcode &#8211; Apple Developer</a></li>
<li><a href="https://developer.android.com/studio/index.html">Download Android Studio and SDK Tools | Android Studio</a></li>
</ul>
<h4>Paintcode</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*rVeJuWwnhjB5NyK2lhPP4Q.png"></p>
<p>Drawing complex elements on Mobile is….complex. Complex drawn on screen elements take a lot of time to produce and Paintcode eliminates all of that. This tool is amazing at drawing elements and if you’re familiar with how Sketch / Adobe XD works (See below) you already know how to use it. The tutorials on their website are a little basic but they do give perfect examples of how to achieve what it is you want. A bonus is that the code drawn (great saying) can be exported to JavaScript allowing you to add Front End skills to your resume.</p>
<blockquote><p>There’s also a handy Sketch plugin to turn your vectors into code.</p></blockquote>
<p><a href="https://www.paintcodeapp.com/">PaintCode &#8211; Turn your drawings into Objective-C or Swift drawing code</a></p>
<h4>Principle</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oxWv1sTHb0ilvBDOAPJi2Q.png"></p>
<p>Writing chained actions and UI animations is a lengthy process and it’s unfortunate that you have to build something before you or the client actually sees it. Fortunately there are a myriad of prototyping tools popping up today and Principle is one of them. What I like about Principle the most out of all the others is how simple it is to use. It’s perfect for designers &amp; developers alike and doesn’t have you learning another language just to use it. You can test and preview animations without writing any code, perfect for those client deadlines.</p>
<ul>
<li><a href="http://principleformac.com/">Principle &#8211; Animated Design</a></li>
<li><a href="http://principletemplates.com/">Principle Templates</a></li>
</ul>
<h4>Sketch / Adobe XD</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*l7tN5SPt0ykss8EpzVxBqw.jpeg"></p>
<p>Gone are the days when Photoshop or Illustrator reigned kings of the design world for mobile. Sketch and Adobe XD are the two mainstays professionals use for designing mobile apps. Whilst Sketch is more common Adobe XD has gained a lot of ground due to its simplicity and Sketch’s new licensing policy.</p>
<ul>
<li><a href="https://www.sketchapp.com">The digital design toolkit</a></li>
<li><a href="https://www.adobe.com/uk/products/xd.html">Buy Adobe XD CC | UX/UI design, prototyping &amp; collaboration tool</a></li>
</ul>
<h4>Visual studio code</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*w2T4r0EnoGjJSMJb93IdTg.png"></p>
<p>VSC is the latest popular addition to the text editor family and I like it. Having used pretty much all of them in the past VSC seems to have things right. It’s less clunky than others and more integrated than some. As long as you have some form of text editor at your disposal who cares which one you use 🧐.</p>
<p><a href="https://code.visualstudio.com/">Visual Studio Code &#8211; Code Editing. Redefined</a></p>
<h4>Fastlane</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/871/1*UchIRfbd6orknkV4FZAwTw.png"></p>
<p>Fastlane allows you to complete all your app screenshots, app uploading and submission tasks via cmd line. With one saved cmd script you can submit your app to the app stores without touching your browser, you probably will though, for at least the first two times 😉. Without turning this overview post into a lengthy one here’s more on Fastlane:</p>
<ul>
<li><a href="https://www.raywenderlich.com/136168/fastlane-tutorial-getting-started-2">fastlane Tutorial: Getting Started</a></li>
<li><a href="https://fastlane.tools/">fastlane &#8211; App automation done right</a></li>
<li><a href="https://www.appcoda.com/fastlane-introduction/">Getting Started with Fastlane for Automating Beta Testing and App Deployment</a></li>
</ul>
<h4>Fabric</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Ky5C5LG5AxM4kDF3z7I-8w.jpeg">Fabric.io dashboard</p>
<p>This tool is one of those that I have a hard time defining, purely on the principle that it’s just incredibly simple to use! <a href="https://get.fabric.io">Fabric</a> is great for those who need to access analytics, development releases, client previews and crashlytics without going through Apple TestFlight process etc. Pretty much every statistic you’d want to view for mobile development can be accessed without multiple tabs open.</p>
<p><em>Caveat: There is some work involved for adding devices to a project list, namely around provisioning profiles on iOS.</em></p>
<p>iOS: Add the result of this go to folder finder script to your sidebar.</p>
<pre>~/Library/MobileDevice/Provisioning Profiles</pre>
<p><a href="https://get.fabric.io/">Fabric &#8211; App Development Platform for teams</a></p>
<h4>Stackoverflow</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/602/1*TN7ylPeLs4iBpGRJoZNMDQ.jpeg"></p>
<p>Need I say more?</p>
<blockquote><p>Tip: Take the time to read how to ask a question, in order to get help quickly it’s helpful that developers know all the facts — Common Sense</p></blockquote>
<p><a href="https://stackoverflow.com/">Stack Overflow &#8211; Where Developers Learn, Share, &amp; Build Careers</a></p>
<h4>Invision Studio — New kid on the block!</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*Vr1HeISiV6XQye5RYOZSug.gif"></p>
<p>Invision is synonymous with creating tools to help individuals and companies give professional client access to design previews, mockups and so forth. It comes as no surprise that these guys have entered into the design creation app market as part of their development phase. Whilst I’ve only explored the beta of this tool it’s already shaping up to be a great asset to any developers toolset. Due to the community support of the mainstayers Invision Studio will need some time to allow third party integrations, nothing that we aren’t used to 🤓.</p>
<p><a href="https://www.invisionapp.com/studio">The world&#8217;s most powerful screen design tool | InVision Studio</a></p>
<h4>If you enjoyed reading this, please share and give some clapps so others can find it 👏👏👏👏👏 !!!!</h4>
<p>If you’d like to chat, reach out to me on twitter <a href="https://twitter.com/theswiftycoder">@theswiftycoder</a></p>
<h3>👾</h3>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=48df1b97e796" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/developer-the-ultimate-mobile-developer-toolset-for-2018-48df1b97e796">Developer: The ultimate mobile developer toolset for 2018</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Developer: The ultimate mobile developer toolset for 2018

This gives you an idea of some of the main tools you should be using for mobile development.

Xcode / Android studio

Top Stories