Contribution: Axure kit [Experimental]

[aagonzales]

General Information

• Tool: Axure
• Status: Experimental
• Contributors: Csaba Sipos
• Maintainers: Csaba Sipos
• Distribution location: Box & GitHub Enterprise
• Open-sourced: No, internal only (atm)?
• Repo: https://github.ibm.com/Budapest-Studio/carbon-axure-kit
• Kit docs: https://pages.github.ibm.com/Budapest-Studio/carbon-axure-kit/
• More info

Assets

• Library: https://ibm.box.com/v/carbon-axure-library
• Template: https://ibm.ent.box.com/v/carbon-axure-template

Kit Asset requirements:

• Elements included
  • Type tokens
  • Color tokens: no palettes available in Axure, but color is applied correctly to components
  • Spacing tokens
  • Note: Axure is not a visual tool and handles styling different than Sketch. Most styling is applied to the components themselves and not set up as layer or typestyle like Sketch.
• Grid
  • [ ] Templates: N/A
  • Tutorial on how to set up a grid: see grid widget
• Components: Kit component status
  • 01 Accordion
  • 02 Breadcrumb
  • 03 Button
  • 04 Checkbox
  • 05 Code Snippet
  • 06 Content Switcher
  • 07 Data table
  • 08 Date Picker
  • 09 Dropdown
  • 10 File Uploader
  • 11 Form
  • 12 Link
  • 13 List
  • 14 Loading
  • 15 Modal
  • 16 Notification
  • 17 Number Input
  • 18 Overflow Menu
  • 19 Pagination 
  • 20 Progress Indicator
  • 21 Radiobox
  • 22 Search
  • 23 Select
  • 24 Slider
  • 25 Structured List
  • 26 Tabs
  • 27 Tags
  • 28 Text Input
  • 29 Tile
  • 30 Toggle
  • 31 Tooltip
• Component states
• Themes (only 1 needed for experimental)
  • White theme
  • Gray 10 theme
  • Gray 90 theme
  • Gray 100 theme

Documentation

• About the tool (overview and pro/cons)
  • https://ibm.box.com/s/uzm4e8chhsm1nbn25rdw2q8ysjkvbf57
• Getting started content
  • https://pages.github.ibm.com/Budapest-Studio/carbon-axure-kit/getting_started.html
• How to use the tool overview (high level features, etc)
  • Axure element
  • Component documentation
• Website page/section (not for trial phase)

Support

• Slack channel: #carbon-axure-kit (IBM Studios)
• Repo: https://github.ibm.com/Budapest-Studio/carbon-axure-kit

Approval

• Kit design review
• Carbon approved
• Released

Contribution status

✅ Ready for trial phase

[aagonzales]

Review feedback here: https://github.ibm.com/Budapest-Studio/carbon-axure-kit/issues/2

[aagonzales]

Next steps: Internal trial phase

Release date: Next week ~6/17/19

• Need slack post announcement
• Not adding it to the website for the trial phase, only announced through slack. We can pin the post to the #carbon-design-system channel, so it can easy be foudn.
• Include in post: link to document, repo for feedback, and Axure slack channel.
• Include blurb about Axure having a free 30 day trial if people want to test the tool out.

Experimental release

• After feedback and some internal testing we can release it as experimental on the website.
• This phase will need website section or page added, as well as a link on the resource page.
• Move the assets to a publicly available link (not on GHE and Box). Add them to: https://github.com/carbon-design-system/carbon-design-kit

GA Release:

• TBD

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

As there's been no activity since this issue was marked as stale, we are auto-closing it.

[connor-leech]

Taking a look at this. Reopening!

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

As there's been no activity since this issue was marked as stale, we are auto-closing it.

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

As there's been no activity since this issue was marked as stale, we are auto-closing it.

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[csabasipos]

The Axure kit has been updated for the latest version of Axure (Axure RP 9) and it is ready to be published after review by Carbon team.

[lnajjar]

I have had numerous, very significant problems with using the Carbon Design System on Sketch. Sketch support is quite poor (constant backlog, no phone number, weeks to get back on urgent request, requirement for submitter to take videos then create a Dropbox account and load them there).

So, I am very happy you are working on an Axure Carbon Design System library. My experience with Axure has been very positive -- stable, mature, handles large enterprise app files well, large community, responsive support.

[lnajjar]

@csabasipos , I am looking forward to using your Axure version of the Carbon Design System Sketch library. Do you think you could share a status update?

[csabasipos]

@lnajjar At the moment, we are preparing the content for the Carbon website (Getting started), as I see it will be published in a few days.

[lnajjar]

@csabasipos , I don't have access to the internal IBM Github page you referenced. But I am looking forward to seeing your work published on the Carbon website. Congratulations! Will it include all the Carbon icons and components?

[csabasipos]

@lnajjar I'm sorry, I realized that, this is why I changed my comment.

No, it will be an Axure-specific library with all components, but not the exact same elements as in the Sketch library. It was designed for prototyping in Axure, and elements are interactive. These widgets were created based on Carbon documentation and the Sketch library, but adopted for practical use in Axure RP.

Icons are not included (except the ones in widgets), but you can paste SVGs of Carbon icons into an Axure document and convert them into Axure shapes to use for your projects. It is more effective than duplicating and maintaining the same icon library in Axure.

[lnajjar]

Ooh, your Axure work sounds very promising, @csabasipos !

On the Carbon Design System site, I can copy and paste the icons as .png. I'm not sure how to paste SVGs of Carbon icons into an Axure document, then convert them into Axure shapes to use for my projects.

Other users of your Axure Carbon Design System library will need that information.

Do you think you could write the steps here? Then you could add them to the Getting Started Carbon website.

Thanks for doing this work, @csabasipos . I'm looking forward to designing my Carbon Design System user interfaces using your Axure library.

[csabasipos]

@lnajjar I will add these steps to the documentation, until then, this Chrome extension will help you.

[lnajjar]

@csabasipos , thank you, and thank you for thinking like the users of your Axure tool.

[tw15egan]

Has this been added / completed, or is there still work to be done on this ticket?

[aagonzales]

Yup this live on the site now!
https://www.carbondesignsystem.com/get-started/design/axure/

[lnajjar]

Does the Axure kit include the Carbon Design System icons?

[csabasipos]

@lnajjar No, the Axure kit does not contain the icons. Please see this documentation about how to use icons copied from Sketch or downloaded as SVGs from the carbon-icons GitHub repository: https://ibm.github.io/design-kit/axure/icons.html

[csabasipos]

For further questions about the Carbon Axure Kit, please open an issue here.

[lnajjar]

@csabasipos , this is not a technical question or bug.

I was hoping to not be the first designer to adopt your very helpful Carbon Design System Axure Kit.

Do you know how many other designers are using it?

[csabasipos]

@lnajjar No, I don't have a number for that.