Design Your Next App with the Atlassian Vendor Sketch Plugin
1 gefällt mir
Aufrufe
Check these out next
Design Your Next App with the Atlassian Vendor Sketch Plugin
1 gefällt mir
Aufrufe
Our designers work 3x quicker with the Atlassian Vendor Sketch Plugin — and now we’re unleashing these superpowers to the Atlassian Ecosystem. If you mockup screens for code or marketing, we’ll help you drag and drop your way to an Atlaskit design in less than 10 minutes. And if you’re a designer, you’ll want to hear about our pixel-perfect component library and suite of seamless Sketch integrations. Join Atlassian’s resident Sketch aficionado, Huw Evans, to learn about: Sketch Components: If it’s in Atlaskit, it’s now in Sketch. And introducing the Symbol Palette, the quickest way to find the right component for the job. Product Templates: Spark inspiration by building your designs inside realistic screens from Jira & Confluence — or craft hero images for your Marketplace listing! Color and Text Styles: Heard of N75? H400? If those mean nothing to you, we’ll run through how to make your users feel at home by using Atlassian colors & typography, right inside Sketch. Data Suppliers: Say goodbye to Lorem Ipsum. Learn how to use Sketch Data Suppliers to generate realistic copy using live data from Jira, Confluence and Bitbucket. Bonus: How we used AI to create people who don’t exist! ♀️ It's All Open Source: How we made it really easy to customise the Atlassian Vendor Sketch Plugin for your team's needs.
Recomendados
Design Your Next App with the Atlassian Vendor Sketch Plugin
- HUW EVANS | DESIGN SYSTEM TEAM | @HUWSERNAME Introducing the Atlassian Vendor Sketch Plugin
- 60 minutes without tools 21 minutes with tools
- 60 minutes without tools 21 minutes with tools NEWWORKFLOWSUNLOCKED!
- The Problem How neglecting design will hurt your customers
- Our web UI, created according to the ADG The language of Atlassian designs ADG ATLASKIT
- Iconography Tabs Tooltips Forms Text field Progress indicators Color palette Progress trackers Date/time picker Banners
- Inline message Media picker Buttons Page header Messages Flag messages Writing style Spotlight Badges Checkboxes
- CoWomen; Source (unsplash.com/@cowomen)
- NESA by Makers; Source (unsplash.com/@nesabymakers)
- 😣 😣 😣}
- ...will feel lost and confused in another. Users experienced in one context...
- Rachael Gorjestani; Source (unsplash.com/@rachaelgorjestani)
- The Solution Introducing...
- Vendor Sketch Plugin
- 3xdesign speed increase
- What’s in it? Templates Vendor GUI Pack Symbol Palette Text styles Color styles Data Suppliers
- Jasmine Waheed; Source (unsplash.com/@jasmine_waheed)
- Templates What’s in it? Vendor GUI Pack Symbol Palette Text styles Color styles Data Suppliers
- Symbol Palette Templates What’s in it? Vendor GUI Pack Text styles Color styles Data Suppliers
- Mike Sharp; Source (twitter.com/msharp) ADG Flag?
- Text styles Templates What’s in it? Vendor GUI Pack Symbol Palette Color styles Data Suppliers
- Text styles Templates What’s in it? Vendor GUI Pack Symbol Palette Data Suppliers Color styles
- Color styles Text styles Templates What’s in it? Vendor GUI Pack Symbol Palette Data Suppliers
- WRITING THE SAME COPY OVER AND OVER GETS REALLY TEDIOUS REALLY QUICKLY.
- WRITING THE SAME COPY OVER AND OVER GETS REALLY TEDIOUS REALLY QUICKLY.
- WRITING THE SAME COPY OVER AND OVER GETS REALLY TEDIOUS REALLY QUICKLY.
- Beyond Gravity
- User name@userhandle
- Jane Rotanson@bobjohnson
- Color styles Text styles Templates What’s in it? Vendor GUI Pack Symbol Palette Data Suppliers WHATEVERYOU WANT!
- /** * Fetch an index of remote libraries and templates, and add them to Sketch. */ const syncGuiPack = async () => { const fiber = Async.createFiber(); try { const { libraries, templates } = await (await fetch(URL_LIBRARY_INDEX)).json(); await Promise.all([syncLibraries(libraries), syncTemplates(templates)]); } catch (error) { if (error.code() !== -1009 && error.code() !==React logo c/o Facebook Emotion logo c/o emotion.sh Babel logo c/o Henry Zhu
- github.com/atlassian/sketch-plugin
- How to get your hands on it
- go.atlassian.com/avsp or find us on the Sketch plugins market
- Let’s chat!
- Cheers! HUW EVANS | DESIGN SYSTEM TEAM | @HUWSERNAME