{"id":1642,"date":"2021-10-17T15:17:31","date_gmt":"2021-10-17T13:17:31","guid":{"rendered":"https:\/\/sketch2react.io\/blog\/?p=1642"},"modified":"2021-10-18T14:56:44","modified_gmt":"2021-10-18T12:56:44","slug":"were-building-a-code-editor-for-sketch-app","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/were-building-a-code-editor-for-sketch-app\/","title":{"rendered":"We\u2019re building a code editor for Sketch app"},"content":{"rendered":"\r\n
\r\n
\r\n
\r\n
\r\n

Why? If you haven\u2019t lived under a Sketch2React rock for the past three or four years, adding this makes total sense. One of the super strengths of Sketch2React has always been the ability to add custom code via {externalasset.css}<\/a> and {externalasset.js}<\/a>\u2026. So instead of using Visual Studio Code or any other great code editor you will, when released, be able to add all of your custom code snippets right inside Sketch app. How awesome is that?<\/p>\r\n

We always strive to move designers closer to code<\/strong> and this will make your personal design to code journey a more pleasant one, we hope.<\/p>\r\n

What we also always strive after is building things that can grow together with your learning curve, the more experience you get, the more advanced things will you be able to build.<\/p>\r\n

We even have started collecting our very best custom code snippets here<\/a>. Not much there now, but over time this will be a treasure trove of cool code snippets that work great with Sketch2React<\/a> with easy to understand documentation for anyone new to code.<\/p>\r\n

\"\"<\/a>
You can go totally bonkers with this, directly from inside Sketch app<\/figcaption><\/figure>\r\n

Build really advanced templates<\/h2>\r\n

On the horizon for our code editor is also to add a more hands-on way of adding Javascript to your designs. You can do all of this today but, as mentioned above, you need to go outside the comforts of being inside Sketch.<\/p>\r\n

Want to build a really cool animated dropdown menu? You will need a bit of CSS and Javascript to pull that off, something our code editor will support. By eliminating one step in the process, we hope this will ignite our community to new, greater heights.<\/p>\r\n

\"\"<\/a>
Early alpha build of our upcoming Sketch2React code editor plugin for Sketch app<\/figcaption><\/figure>\r\n

Just one more thing<\/h2>\r\n

Say that you have created total greatness with a plethora of custom code. What now? Everything you do is actually collected and saved inside the very same Sketch file you\u2019re working on. How about that!<\/p>\r\n

Since we support Sketch Cloud sharing<\/a>, it\u2019s just a matter of uploading the file to your Sketch Workspace<\/strong>, and anyone else can pick up the work.<\/p>\r\n

Not only that, all the custom code saves in real time and can be accessed at any time via our new style guide functionality<\/a>.<\/p>\r\n

Follow our experiments<\/h2>\r\n

Our social media presence is best described using words like bipolar<\/em>, on and off<\/em> and very intense<\/em> or barely no news<\/em>. At the moment we are in the former, and the best way to follow what we do is via our Twitter<\/a>.<\/p>\r\n

We also created a new playlist on our YouTube<\/a> where we post our silent experiments for anyone to enjoy.<\/p>\r\n

That’s it for this time folks, we hope you are equally excited about this news as we are.<\/p>\r\n