The Australian Government coat of Arms

Communities of practice

Communities of practice

Design library

Hey @richardsison,

Thanks for bringing this up!
Yes there has been many updates to the design system since then. I’d say very few (if any) were visual updates that would be reflected in the sketch file. I’ll investigate any potential changes we need to make and load an updated sketch file if need be!

I’m not a designer or anything but I have seen a demo of abstract. I agree thought it’s definitely worth looking into and will help us version control our sketch files and make things easier for the community/contributors. We are also currently looking using our react components to generate and version control our sketch files. Watch this space!

Hey @sukhraj.ghuman! Thanks for getting back to me.

A new version would be great to see. I’m mainly curious to see if all of the components from the Design System are available in the Sketch file.

I can confirm all of the components are in the sketch file :slight_smile:

Hey @sukhraj.ghuman, don’t suppose there’s any movement on whether files may be version-controlled in Abstract? It’d be a faster solution to implement and possibly a safer approach overall. My concern with anything “generated” is that even if we get it to work, it relies too heavily on Sketch not making any drastic changes. Would this approach make it so designers wouldn’t be able to contribute to the Sketch files?


Hey @richardsison We had a demo of another software that generates sketch files based off react components but it’s probably not ready for production as of yet. I’d be in favour of using abstract for sure. We are an extremely small team right now so we haven’t had the chance to get around to it. However this is in our roadmap and we do see the value in it. You can also look at what we are working on in our current and upcoming sprints in our project board.

1 Like

@sukhraj.ghuman just wondering if there is any chance of creating a Framer X library of the DTA design system components? This would be extremely helpful for designers using the DTA DS…

1 Like

HI @laurenburley! Welcome to the community!

A quick read through some of the material around Framer X API suggests that this could be technically possible. The Design System team doesn’t work with Framer X directly, but we’d be interested to hear about:

  1. anyone’s experience with importing the React components from the Design System into Framer X, and
  2. how widely Framer X may be used by our design audience…

Suggested further reading:

Hey @gordon.grace

Ive actually just found this and have managed to get a component in, but getting react errors.

Adding Libraries

What’s exceptional about Framer is that it’s built on top of React, which means that you can use thousands of community-made libraries.

To install libraries to your Framer project, go to File > Show Project Folder . This will open the folder in Finder. From there, switch to the columns mode and find the parent folder called container .

You can drag and drop the container folder to the [VSCode] icon in your dock. Inside VScode, open the Integrated Terminal by pressing on Ctrl + `. In the terminal, type this command and press Enter . This can also be done inside your Terminal .

That sounds like some encouraging progress, @laurenburley.

If you have a walkthrough to share, feel free to post it here.

We try to provide detailed onboarding steps for the common tools used by our users - it’s possible that we could leverage your work to supplement “Getting Started” tutorials like:

Sounds good!

Hey @richardsison,

We’ve set up a repository for our Sketch assets. We ended up using Kactus, which is an open source tool for version controlling design assets that is based on GitHub. It has a nice GUI and works similarly to Abstract.

We tried Abstract but felt that Kactus reduced barriers entry for anybody that wanted to make contributions (and free).

Also we manage all of our repositories on GitHub, and we thought Kactus will work to bring designers and developers onto a shared workflow and platform.


That sounds great!

When I get a chance I’ll have a proper look through. I’d be happy to contribute :slight_smile:



Hey @rossmullen, I know that is an old post, however I just joint AUSTRAC and Macs are not supported in the institution at this point. It would be great to have the components library in Axure or even Adobe XD as those are windows application and standard applications across all the government landscape. Are you able to share the Axure library? I am keen to set up an work group to convert the sketch library into axure.

Hi @sukhraj.ghuman,

I’m just getting my head around the Australian Government Design System here a Sport Australia. We’re working with Figma here for the collaboration functions and I just wanted to confirm with you that whenever the code for the Design System is updated that the corresponding Sketch repository is also updated with the latest changes? I’m just trying to work out the workflow for keeping the Design System up to date in our Sport Australia Figma Libraries going forward.


Hi @kwalter,

Welcome to the forums!

wanted to confirm with you that whenever the code for the Design System is updated that the corresponding Sketch repository is also updated with the latest changes?

Yes, whenever we make visual changes to the components we make the corresponding changes to the sketch file. These changes can be tracked in our git repo for the sketch file. If you have a github account, clicking the watch option on this repository will alert you of any updates/changes.

If you notice any visual differences please feel free to raise a ticket and we will get around to it :slight_smile:

Edit: to confirm the changes to the sketch file are manual. We currently don’t have an automated way of updating the sketch file when we update the components.

1 Like

Hey @paulobranco this sadly wasn’t continued. Our direction has shifted onto using an existing design system using Fabric UI theming and built in Blazor.


Hi there. Would you be able to provide some information on the sketch file? It appears as though it is generated from the components. Is this the case, if so via react? I’ve viewed the sketch repo which contains a series of json files for importing to Kactus via kactus-cli but I’m interested in what process is occurring to generate these JSON files from the react components.


Hi @hjd,
Welcome to the community!

It’s not generated via React. Kactus basically splits a sketch file into these seperate json files. You can also do the reverse (generate the sketch file from these json files). I would recommend checking out the Kactus documentation or the github repo for more detailed info.

Thanks @sukhraj.ghuman.

I had taken a bit more of a look at Kactus and thought that this might be the case. In which case the sketch file is being updated by an individual and checked into Kactus? My hope was that the sketch file was being generated based on the react components code base. Do you know if there has been any chatter converting the system to react primitives?

I believe the team looked at Interplay app for react components -> sketch (and vice versa), but it was still in its early phases and not quite ready. Using Kactus was a quick mvp solution to allow for easy version control and contributions from the community.

There also looks to be an open ticket regarding this. Feel free to contribute any ideas.