1. Cloudcraft

重点 (Top highlight)

Here are some tools that the developer community loves. They aren’t targeted towards any particular niche of developers, so I’m sure you’ll find some of them helpful.

这是开发人员社区喜欢的一些工具。 它们并不针对开发人员的任何特定领域，因此，我相信您会发现其中一些有用。

As one time or another, we all play the role of designer, front-end developer, and back-end developer and these tools will help boost your productivity in each of those roles. Or perhaps you’re working with different people in your team, who are playing these roles, in which case you can share these with them and boost the productivity of your whole team!

无论是一次还是多次，我们都扮演设计师，前端开发人员和后端开发人员的角色，这些工具将分别帮助您提高工作效率。 或者，也许您正在与团队中扮演这些角色的其他人一起工作，在这种情况下，您可以与他们分享这些信息，从而提高整个团队的工作效率！

Let’s get started!

让我们开始吧！

1. Cloudcraft (1. Cloudcraft)

Cloudcraft is for back-end developers.

Cloudcraft 适用于后端开发人员。

All back-end developers seem to do is plan out their back end — especially when its AWS and there are so many different services at play. But instead of doing them on a flat boring drawing tool, they could be using Cloud Craft.

所有后端开发人员似乎都在计划后端-尤其是在其AWS和众多不同服务在起作用的情况下。 但是，他们可以使用Cloud Craft来代替在无聊的绘图工具上进行操作。

Cloud Craft provides a really intuitive click-drag and drops interface for you to integrate various AWS services. It’s not only great for planning, it’s also great for budgeting.

Cloud Craft提供了一个非常直观的单击和拖放界面，供您集成各种AWS服务。 这不仅对计划很重要，而且对预算也很重要。

It can be a big pain for developers to go through each service’s pricing page and understand their pricing — even just finding an approximate cost can be a struggle. Cloudcraft gives you an estimated breakdown of your whole architecture, saving you a lot of time.

对于开发人员来说，浏览每项服务的定价页面并了解其定价可能会是一个巨大的痛苦-即使只是找到一个大概的成本也很困难。 Cloudcraft为您提供了整个体系结构的估计分解，从而节省了很多时间。

Sadly it’s only for AWS for now, but the pricing is quite similar for GCP and Azure, so you can still get an approximate budget with Cloudcraft.

遗憾的是，目前它仅适用于AWS，但是GCP和Azure的价格非常相似，因此您仍然可以通过Cloudcraft获得大约的预算。

2. BundlePhobia (2. BundlePhobia)

BundlePhobia is for front-end developers.

BundlePhobia 适用于前端开发人员。

BundlePhobia helps you “find the cost of adding an npm package to your bundle”. This means you can learn how much adding an npm package will add to your bundle size. When we’re working on the front end framework we always try to keep our bundle size to the minimum to optimize the initial page load for our users.

BundlePhobia帮助您“找到将npm软件包添加到软件包中的成本”。 这意味着您可以了解添加npm软件包将为您的捆绑包尺寸增加多少。 当我们在前端框架上工作时，我们总是尝试将包大小保持为最小，以为用户优化初始页面加载。

You can even upload your package.json file to analyze what packages you’re using. This is a must-use for all the pro-devs out there.

您甚至可以上传package.json文件来分析所使用的软件包。 这是所有专业开发人员必须使用的。

3.菲格玛 (3. Figma)

Figma is for designers.

Figma 适合设计师。

Figma is a great tool for designers to create mock-ups and design for your apps. If you’re already using Adobe Illustrator, moving to Figma will only make sense if it provides you with ten times the value. Well, it does!

Figma是设计人员为您的应用程序创建模型和设计的绝佳工具。 如果您已经在使用Adobe Illustrator，那么只有提供十倍于此的价值，转向Figma才有意义。 好吧！

• Figma provides you with cross-platform apps, making your designs accessible to you from anywhere, and you don’t have to be on a powerful computer to access it. You don’t need to install anything to start using it.
  Figma为您提供了跨平台的应用程序，使您的设计可以从任何地方访问，而且您不必在功能强大的计算机上进行访问。 您无需安装任何东西即可开始使用它。
• It uses web-assembly which gives a great performance and efficiency making you more productive than when you are on you Illustrator.
  它使用网络组装，可提供出色的性能和效率，从而使您的工作效率高于Illustrator。
• It’s a very well though-out and designed app and it will be even free for most of your design needs.
  这是一款经过精心设计的应用程序，它可以免费满足您的大多数设计需求。
• You can create prototypes for Web, Android and iOS and it even provides you with some default behaviour, again, all from a web app.
  您可以为Web，Android和iOS创建原型，甚至可以再次通过Web应用程序为您提供一些默认行为。

When you start using Figma, you’ll know right away that these guys deserve more than your $0/month!

当您开始使用Figma时，您马上就会知道，这些人应该得到比您每月$ 0高的收益！

4.失眠 (4. Insomnia)

Insomnia is for back-end developers.

失眠症 适用于后端开发人员。

Insomnia is a tool that back-end developers will love to use to create and manage their API documentation more collaboratively.

Insomnia是后端开发人员喜欢使用的工具，可以用来更协作地创建和管理其API文档。

Whether you’re building a REST or a GraphQL API, Insomnia has you covered. It will keep your whole workflow, even as a team, organized.

无论您要构建REST还是GraphQL API，Insomnia都可以满足您的要求。 它将使您的整个工作流程(甚至是一个团队)保持井井有条。

It has a well laid out UI that you can use to create your endpoints structure without having to write tedious HTTP requests.

它具有布局合理的UI，可用于创建端点结构，而无需编写繁琐的HTTP请求。

It also provides a great intelli-sense editor for any of the APIs that you’re consuming to help you write your queries faster. If you’re using a GraphQL API, with Insomnia, your life will become ten times better!

它还为您正在使用的任何API提供了一个出色的智能编辑器，可帮助您更快地编写查询。 如果您使用带有Insomnia的GraphQL API，您的生活将变得更好十倍！

5. FontFlipper (5. FontFlipper)

Fontflipper is for designers.

Fontflipper 适用于设计师。

This is a great tool to help you and try out different fonts for the screen of your application. It has thousands of fonts that you can try out to simulate the look of your application and then download, all for free.

这是一个很好的工具，可以帮助您并为应用程序的屏幕尝试不同的字体。 它具有数千种字体，您可以尝试模拟它们的外观，然后免费下载所有字体。

It also provides a simple, beautiful, and non-distracting UI.

它还提供了一个简单，美观且无干扰的UI。

6. VisBug Chrome扩展程序 (6. VisBug Chrome Extension)

The VisBug Chrome Extension For Frontend Devs. Link.

适用于前端开发人员的VisBug Chrome扩展程序。 链接 。

There are a lot of website builders that provide you with drag and drop functionality. This chrome extension makes custom front end development one step closer to that.

有许多网站构建器为您提供拖放功能。 此chrome扩展程序使自定义前端开发更近了一步。

You can access to every single DOM element of your web app.

您可以访问Web应用程序的每个DOM元素。

You can measure elements, move things around, change their style, and even learn from other websites how they achieved their look.

您可以测量元素，四处移动，更改其样式，甚至可以从其他网站上学习它们如何实现外观。

You can do this all in your browser without having to write a single line of CSS. This is pretty powerful and allows you to the UI design you want much faster. This will save you lots of time implementing the design to your HTML CSS code and even debugging and inspecting when things aren’t going as you expect them to.

您可以在浏览器中完成所有这些操作，而不必编写任何CSS。 这非常强大，可以让您更快地进行UI设计。 这将为您节省大量时间来将设计实施到HTML CSS代码，甚至可以调试和检查事情进展是否如预期的那样。

This plugin has a bit of a learning curve, but think of it as an investment in a more productive future!

该插件有一些学习曲线，但是可以将其视为对更高产未来的投资！

7.河 (7. RIVE)

Rive is for designers and developers.

Rive 适用于设计师和开发人员。

Just as Figma helped you creat beautiful designs, Flare will help you create amazing animations — like those you sometimes see on Dribble/Muzli designs and which you have no idea how to code from scratch.

正如Figma帮助您创建漂亮的设计一样，Flare将帮助您创建惊人的动画-就像您有时在Dribble / Muzli设计中看到的动画一样，您不知道如何从头开始编写代码。

RIVE helps you create powerful, interactive animations that you can then easily integrate into your native app code.

RIVE可帮助您创建功能强大的交互式动画，然后可以轻松地将其集成到本机应用程序代码中。

It’s a part of the open design movement, so you can access, see, learn, and use all the animations created by other designers out there.

这是开放设计运动的一部分，因此您可以访问，查看，学习和使用其他设计师在那里创建的所有动画。

Also, it integrates really well with Flutter, greatly improving the experience for Flutter developers.

而且，它与Flutter的集成非常好，极大地改善了Flutter开发人员的体验。

8.米罗 (8. MIRO)

Miro is for teams.

Miro 适用于团队。

Miro is hands-down the most useful tool for teams to work and collaborate, even remotely.

Miro是团队协作甚至远程协作的最有用工具。

It gives an extensive open space for all your team members to join and put down their ideas and thoughts. You can discuss and brainstorm anything and it feels as if you’re doing it in a meeting room on a whiteboard together.

它为您的所有团队成员提供了广阔的开放空间，使他们可以加入并发表他们的想法和思想。 您可以讨论任何问题并进行集体讨论，就好像您正在一起在白板上的会议室中进行操作一样。

It also offers a wide range of tools that improve the experience. You won’t need any other tool for project management and documentation. It even offers remote calling. It’s so powerful that you won’t have to switch tabs while working with your teams.

它还提供了多种可改善体验的工具。 您将不需要任何其他工具来进行项目管理和文档编制。 它甚至提供远程呼叫。 它是如此强大，以至于您在与团队合作时无需切换选项卡。

It offers a generous free starter plan that will be enough for most teams out there. I encourage my teams to use and collaborate on MIRO and almost everybody loves it.

它提供了一个慷慨的免费入门计划，对于大多数团队来说已经足够了。 我鼓励我的团队在MIRO上使用和协作，几乎每个人都喜欢它。

So there you go! I hope you find these tools useful and that they help you boost your productivity and make your life as a developer easier!

所以你去了！ 我希望您发现这些工具有用，并且它们可以帮助您提高生产率并简化开发人员的生活！

Also, please share any of the tools that have made your life easier which you would love others to use as well.

另外，请分享使您的生活更轻松的任何工具，您也希望别人使用这些工具。

Thanks for reading!

谢谢阅读！

翻译自: https://medium.com/better-programming/amazing-developer-tools-that-you-might-not-be-using-1ec7f57d17d5