How does it work?

Each day you'll receive a challenge.

1 . Each day you'll receive a challenge.
Join the <a href="https://discord.gg/adobexd?sdid=7RZ367N1&mv=affiliate" target="_blank">community chat</a> to stay informed and connect with others.

2 . Join the community chat to stay informed and connect with others.
Watch the daily live show to get started and ask questions.

3 . Watch the daily live show to get started and ask questions.
Finally, share your work to get feedback from mentors and other participants!

4 . Finally, share your work to get feedback from mentors and other participants!

Unlock The Challenges

  • December 2, 2
    Build Your Own Search Engine
    Build Your Own Search Engine
    Design a search engine that displays history with balanced typography and flow.
    Get Started
  • December 2, 2
    Build Your Own Search Engine
    Build Your Own Search Engine
    Design a search engine that displays history with balanced typography and flow.
    Get Started
  • September 19, 2022
    Custom Email Templates
    Custom Email Templates
    Level up your emails with customized templates that will help you communicate more clearly and with more style.
    Get Started
  • September 20, 2022
    Animated Interactive Buttons
    Animated Interactive Buttons
    Add interactions to your buttons using Auto-Animate and Lottie files.
    Get Started
  • September 21, 2022
    Find The Perfect Color
    Find The Perfect Color
    Design a shopping widget with an interactive color picker.
    Get Started
  • September 22, 2022
    3D in XD Made Easy!
    3D in XD Made Easy!
    Use 3D Transforms to create a mobile wallet that jumps off the screen.
    Get Started
  • September 23, 2022
    Build Your Own Search Engine
    Build Your Own Search Engine
    Design a search engine that displays history with balanced typography and flow.
    Get Started
Notify me about future XD challenges

Next Steps

  • Design at the speed of thought.
    Wireframe, design, prototype, present, and share amazing experiences for web, mobile, voice, and more — all in one app.
  • Chat with the community
    Connect with the XD community on Discord to get valuable feedback on your work and find answers to your questions.

Explore Past Challenges

August 22 - August 26

July 25 - August 12

  • July 25 - August 12

  • Classified Ad Homepage Makeover
    Classified Ad Homepage Makeover
    Redesign the homepage of a classifieds site to make it more user-friendly and modern.
    Get Started
  • News Homepage Makeover
    News Homepage Makeover
    Redesign the homepage of a news site to make use of whitespace and to make advertising less intrusive.
    Get Started
  • E-commerce Navigation Menu Makeover
    E-commerce Navigation Menu Makeover
    Reimagine an e-commerce website's expandable menu to increase usability.
    Get Started
  • Furniture Store Homepage Makeover
    Furniture Store Homepage Makeover
    Establish a visual hierarchy to highlight featured products and calls to action.
    Get Started
  • Movie Ticket Homepage Makeover
    Movie Ticket Homepage Makeover
    Optimize your user flow to take them from landing to checkout in a flash!
    Get Started

June 27 - July 15

  • June 27 - July 15

  • #CreateWaves Social Media Posts
    #CreateWaves Social Media Posts
    Create social media templates to join #CreateWaves, a campaign using creativity to help raise awareness about the critical impacts of climate change on our ocean and planet.
    Get Started
  • Mobile Onboarding Experience
    Mobile Onboarding Experience
    Make a great first impression by creating a seamless onboarding experience for a mobile device.
    Get Started
  • How to Create A Case Study
    How to Create A Case Study
    Show off your best projects by creating an organized and engaging case study!
    Get Started
  • Adobe Xd 101 Part 1
    Adobe Xd 101 Part 1
    This is Adobe Xd for beginners! Learn the basics of Adobe Xd by using components, states, and 3D transform!
    Get Started
  • Adobe Xd 101 Part 2
    Adobe Xd 101 Part 2
    Let’s learn more about Adobe Xd! Practice your skills and grow your knowledge of repeat grids, auto-animate, and prototyping previews.
    Get Started

May 30 - June 17

  • May 30 - June 17

  • Marketing Banners
    Marketing Banners
    Design several marketing banners for your brand, using components to help update your various elements.
    Get Started
  • Event Invite Cards
    Event Invite Cards
    Design digital cards for an upcoming invite. Include a preview of confirmed guests and call to action buttons.
    Get Started
  • Landing Page
    Landing Page
    Design a landing page for a travel experience. Use a full-width image or video to help showcase destinations.
    Get Started
  • Smart Home Launcher
    Smart Home Launcher
    Design and prototype a smart home device, with ‘cards’ that launch into various applications.
    Get Started
  • Onboarding Experience
    Onboarding Experience
    Design and prototype a mobile onboarding experience. Include videos or Lottie animations to enhance the experience.
    Get Started

May 2 - May 6

April 4 - April 8

March 14 - March 25

  • March 14 - March 25

  • Vintage Menu
    Vintage Menu
    Combine typography and black and white imagery to create a vintage website, inspired by diner menus of the past.
    Get Started
  • Parallax Type
    Parallax Type
    Learn how to use parallax effects to create the perfect website header by giving your typography some dimension!
    Get Started
  • Vertical Typography
    Vertical Typography
    Showcase your product on a website by using vertical typography combined with refined imagery.
    Get Started
  • Modern Website Design
    Modern Website Design
    Design a sleek and modern website by using Adobe Fonts to find the perfect typographic voice for your mobile website.
    Get Started

February 28 - March 11

January 31 - February 25

  • January 31 - February 25

  • User Onboarding
    User Onboarding
    Design the loading screen, onboarding experience and home page for a fitness app. As you work, focus on layout and balance.
    Get Started
  • Scrolling Effects
    Scrolling Effects
    Create the browsing experience for a mobile streaming platform using scrolling effects alongside Auto-Animate.
    Get Started
  • Crypto App
    Crypto App
    Use gradients and blurs to create the wallet and onboarding screens for an app used to manage cryptocurrency.
    Get Started
  • Video Playback
    Video Playback
    Incorporate video playback features into your designs as you create an engaging social media app.
    Get Started
  • Data Animation
    Data Animation
    Learn to transform complex data into unique elements using Auto-Animate and Timed Transitions.
    Get Started
  • Movie App
    Movie App
    Create a user flow for a movie app by using animations to transition between the home screen and movie details.
    Get Started
  • Meditation App
    Meditation App
    Design and prototype the homepage and ‘now playing’ page for a meditation app using stacks.
    Get Started
  • Vertical Carousel
    Vertical Carousel
    Learn to design and animate card elements using stacks and auto-animate for a workout scheduling app.
    Get Started

January 3 - January 28

  • January 3 - January 28

  • Homepage Banner
    Homepage Banner
    Design and prototype a rotating homepage banner with embedded video.
    Get Started
  • Vacuum Hub
    Vacuum Hub
    Design the hub and scheduler for a robot vacuum application. Use Auto Animate, Audio playback and Lottie animations to bring your design to life.
    Get Started
  • Mobile Ordering App
    Mobile Ordering App
    Design a juice ordering app where users can mix-and-match ingredients to create custom recipes. Use Drag gestures and Timed Triggers to mimic a realistic ordering experience.
    Get Started
  • Smart Watch Interface
    Smart Watch Interface
    Design a simple Apple Watch interface, using UI kits to build realistic interactions. Then, turn your design into a showstopping Behance post using 3D and animation.
    Get Started
  • Streaming Dashboard
    Streaming Dashboard
    Design a mobile video streaming dashboard with looping video and scrollable sections.
    Get Started
  • Wine Tasting App
    Wine Tasting App
    Design a rating experience for wine tasting tours. Allow users to swipe between various wines and apply ratings using Drag gestures and Auto Animate.
    Get Started
  • Art Gallery
    Art Gallery
    Design a browsable horizontal art gallery. Give dimension to the scrolling experience with typography, video and hover effects.
    Get Started
  • E-Commerce Bike Builder
    E-Commerce Bike Builder
    Design and prototype an E-Commerce Bike builder. Use gestures and Auto Animate to simulate part selection and color customization.
    Get Started

November 8 - December 10

October 18 - November 5

September 20 - October 15

August 23 - September 17

  • August 23 - September 17

  • NFT Website
    NFT Website
    Design a modern login screen for a NFT website. As you prototype, try creating an animated login button.
    Get Started
  • VPN Application
    VPN Application
    Design and prototype a mobile VPN experience where users can select their country and activate the VPN.
    Get Started
  • Ecommerce Check-Out
    Ecommerce Check-Out
    Design an Ecommerce check-out experience for desktop. As you prototype, create a slider displaying an image for each product.
    Get Started
  • Bluetooth Barbecue
    Bluetooth Barbecue
    Design a Bluetooth connected barbecue application where users can view the cooking status of their food.
    Get Started
  • Membership Pricing
    Membership Pricing
    Create the membership page for a website that features pricing tables with toggles for monthly versus annual costs.
    Get Started
  • Freelance Tracker
    Freelance Tracker
    Design an application where freelancers can track revenue, expenses and clients at-a-glance.
    Get Started
  • Budgeting Experience
    Budgeting Experience
    Design the subscription tracking experience for a budgeting app. As you prototype, allow users to filter by subscription type and view card usage.
    Get Started
  • Weather Application
    Weather Application
    Design a colorful and minimalist weather application using mesh gradients and Swiss typography.
    Get Started

July 26 - August 20

June 21 - July 23

  • June 21 - July 23

  • Mood Board
    Mood Board
    Create the foundational pieces for a plant-care app. Make a mood board that depicts your vision and begin organizing colors and character styles within Document Assets.
    Get Started
  • Onboarding Screen
    Onboarding Screen
    Design the onboarding screen for a plant-care app using Component States. Try creating a carousel that highlights app benefits.
    Get Started
  • Loading Screen
    Loading Screen
    Design the loading screen for a plant-care app. Include a logo and try prototyping a Timed Transition from this screen to the next.
    Get Started
  • Questionnaire Screen
    Questionnaire Screen
    Design the plant questionnaire for a plant-care app using Repeat Grid to create a vertical list that can be customized with text and images.
    Get Started
  • Browsing Page
    Browsing Page
    Design the plant browsing page for a plant-care app. Try creating scrollable sections using Scroll Groups.
    Get Started
  • Info Page
    Info Page
    Design the plant info page for a plant-care app. Let users quickly navigate to specific sections using Anchor Links and Scroll-to.
    Get Started
  • Dashboard Design
    Dashboard Design
    Design the dashboard screen for a plant-care app. Include an overlay screen for task details using an Overlay Transition.
    Get Started
  • Search Screen
    Search Screen
    Design the find-a-plant screen for a plant-care app. Include a search bar and try prototyping results using Auto-Animate.
    Get Started

May 24 - June 18

  • May 24 - June 18

  • Filtered Search
    Filtered Search
    Design a hobby finder where users can use filters to quickly explore new interests. Use Repeat Grid to quickly build prototype-ready screens.
    Get Started
  • Scrollable Lists
    Scrollable Lists
    Design a web prototype where users can track and view goals. Use Scroll Groups and Anchor links to prototype an easily navigable experience.
    Get Started
  • Parallax Website
    Parallax Website
    Design the landing page for a headphones website. Try using Auto-Animate to give your prototype a parallax effect.
    Get Started
  • Animated Charts
    Animated Charts
    Design a routine tracker that displays habits using animated charts. As you design, use States to create a mini design system.
    Get Started
  • Swipe and Select
    Swipe and Select
    Design a vinyl record interface where users can swipe, select, and learn more about albums. Try using Swipe animations and 3D Transform to bring this experience to life.
    Get Started
  • Restaurant Booking
    Restaurant Booking
    Design an experience for booking a table at your favorite restaurant. Allow users to select a table and pre-order appetizers using guided prompts.
    Get Started
  • Streaming Service
    Streaming Service
    Design a web-based streaming service where users can explore TV and movies. Try prototyping interactions using Horizontal Scroll alongside Auto-Animate.
    Get Started
  • Voice Triggers
    Voice Triggers
    Design and prototype a smartwatch app for learning languages. Allow users to test their skills using Voice Triggers.
    Get Started

April 26 - May 21

  • April 26 - May 21

  • Package Delivery
    Package Delivery
    Design the notifications for a smartwatch package delivery app. Use sounds to notify when an item is en route or has been delivered.
    Get Started
  • Email Actions
    Email Actions
    Design the action options for a mobile email app. Use Drag Triggers to prototype options like delete, archive, or reply.
    Get Started
  • Word Counter
    Word Counter
    Design the word counter for a writing app. Use Auto-Animate to increase the word count as users write.
    Get Started
  • Video App
    Video App
    Design the dropdown menu for a video conferencing desktop app. Use Component States to prototype microphone or video source options.
    Get Started
  • Brewing Schedule
    Brewing Schedule
    Design the brewing scheduler for an automated coffee maker app. Use Sliders to add brewing options such as flavor, grind size and start time.
    Get Started
  • Discover Page
    Discover Page
    Design the discover page for a social media app. Use Stacks to arrange content in different groups based on trending items or popular hashtags.
    Get Started
  • Search Engine
    Search Engine
    Design the ‘open tabs’ page for a search engine. Use 3D Transforms to simulate a 3D experience where each page is opened.
    Get Started
  • Appointment Scheduler
    Appointment Scheduler
    Design a tool for finding and scheduling COVID vaccination appointments. Give your users multiple options using Component States.
    Get Started

March 29 - April 23

March 1 - March 26

  • March 1 - March 26

  • Pricing Table
    Pricing Table
    Design the pricing table for a website! Try using Repeat Grids to speed up the process.
    Get Started
  • Sign-up Form
    Sign-up Form
    Design a sign-up form that focuses on ease-of-use. Be sure to use components for quick editing.
    Get Started
  • Financial Charts
    Financial Charts
    Design and prototype an interactive web-based financial chart. Use Auto-Animate to bring it to life.
    Get Started
  • Landing Page
    Landing Page
    Design a landing page for a website of your choice. Save your colors and character styles as assets for quicker editing.
    Get Started
  • Nested Dropdown
    Nested Dropdown
    Create a dropdown menu for a web-based platform using nested components and hover.
    Get Started
  • Credit Card Payment
    Credit Card Payment
    Design and prototype a web-based payment screen using 3D Transforms and Auto-Animate.
    Get Started
  • Marketing Banners
    Marketing Banners
    Design several eye-catching banners for your marketing pages. Try using Padding to streamline your editing.
    Get Started
  • Online Dashboard
    Online Dashboard
    Build out an online dashboard and use Auto-Animate to transition between various circular charts.
    Get Started

February 1 - February 26

  • February 1 - February 26

  • Profile Page
    Profile Page
    Design your profile page for a social media platform. Use the Libraries panel to add and save assets to your project.
    Get Started
  • Scrollable Cards
    Scrollable Cards
    Create content cards that extend off of their artboard, then use Scroll Groups to add interactivity.
    Get Started
  • Friends Feed
    Friends Feed
    Design the friends feed for a social media platform. Use Repeat Grids to quickly add text and images.
    Get Started
  • Emoji Picker
    Emoji Picker
    Design and prototype an emoji picker with various options. Use nested components to add interactions.
    Get Started
  • 3D Flip
    3D Flip
    Design and prototype a Stories experience, using 3D Transforms to navigate between images.
    Get Started
  • Messages
    Messages
    Create a messages experience for a social media platform. Utilize Stacks to quickly rearrange and space out groups and layers.
    Get Started
  • Navigation Bar
    Navigation Bar
    Design and prototype a navigation bar across multiple screens using Component States. Try adding animated icons!
    Get Started
  • Video Call
    Video Call
    Design a video calling experience between multiple users. Add fun sound effects using Audio Playback.
    Get Started

January 4 - January 29

  • January 4 - January 29

  • Hairstyle Generator
    Hairstyle Generator
    Create an experience for trying on new hairstyles and colors. Use the swipe feature to browse through different options.
    Get Started
  • DIY Browsing Experience
    DIY Browsing Experience
    Design an experience for browsing through home improvement projects and ideas. Use Stacks to organize the tools and materials listed under a specific project.
    Get Started
  • Hobby Randomizer
    Hobby Randomizer
    Create an experience that helps users find new hobbies. Allow users to select keywords, then generate a list of suggestions alongside required materials.
    Get Started
  • Exercise Scoreboard
    Exercise Scoreboard
    Create an exercise tracking experience that can be played with friends. Design a leaderboard, using Components for avatars and icons.
    Get Started
  • Plant Planner
    Plant Planner
    Design and prototype an experience for planning which plants to plant during different seasons. Add dropdown menus to select month and plant type.
    Get Started
  • Reading Tracker
    Reading Tracker
    Design an E-reader experience that tracks users’ reading progress throughout the year. Use the 3D Transforms tool to create a page-flip animation.
    Get Started
  • Budgeting App
    Budgeting App
    Design a budgeting app that tracks and manages expenses. Create a graph that moves when the budget is adjusted using Auto-Animate.
    Get Started
  • Yearly Planner
    Yearly Planner
    Design a digital planner for the desktop. Allow users to add events using Hover triggers to create a hover effect.
    Get Started

November 30 - January 1

November 9 - November 27

  • November 9 - November 27

  • Movie Timeline
    Movie Timeline
    Design a web experience that tracks the release of famous movies. Use Stacks to rearrange the items within the timeline and Horizontal Scroll to bring the project to life.
    Get Started
  • Video Chat App
    Video Chat App
    Design and prototype a video chat experience where users can add stickers and emojis on screen. Use auto animate to bring these micro-interactions to life.
    Get Started
  • Sales Page
    Sales Page
    Design the sales page for a product website that lets users know when others around the world have purchased an item. Use Timed Animations and Component States to prototype notifications.
    Get Started
  • Team Meeting Planner
    Team Meeting Planner
    Design a scheduling tool for remote teams! Allow users to add topics, discussion items and other important details. Use Repeat Grid and Stacks to design reusable UI components!
    Get Started
  • Habit Tracker
    Habit Tracker
    Design a mobile habit tracker where users can input habits and track progress over time. Use Drag Gestures to complete tasks and Auto-Animate to give your interactions some pop.
    Get Started
  • AR Gaming Dashboard
    AR Gaming Dashboard
    Design the UI for an Augmented Reality gaming dashboard. Let your users scroll through and select games, integrating them into the screen using 3D Transforms.
    Get Started
  • Smartwatch Time Tracker
    Smartwatch Time Tracker
    Design a smartwatch experience where users can add, activate and track activities using voice commands.
    Get Started
  • Client Portal
    Client Portal
    Create a freelance client portal where clients can track the project, sign contracts and make online payments. Use Anchor Links for quick portal navigation!
    Get Started

October 26 - November 6

  • October 26 - November 6

  • Pet Dress-Up
    Pet Dress-Up
    Design a pet costume experience where users can dress up their pets in Halloween outfits. Use the Drag feature to create a slider that moves through different options.
    Get Started
  • Campground Mapper
    Campground Mapper
    Design the map experience for a camping app. Allow users to pan the map with Scroll Groups and use Component States to show campsite availability.
    Get Started
  • E-Commerce Webpage
    E-Commerce Webpage
    Design the product page for a bike helmet website where users can filter by color, size or other options. Use CC Libraries to manage your images and elements.
    Get Started
  • Pumpkin Carving Randomizer
    Pumpkin Carving Randomizer
    Design and prototype an experience that randomizes Jack-O-Lantern designs. Allow your users to shuffle designs and test faces before selecting an option.
    Get Started
  • Fall Festival Map
    Fall Festival Map
    Design the map experience for a fall festival. Display other users as well as various stops and attractions. Try using plugins to discover unique avatars.
    Get Started
  • Fall Foliage Finder
    Fall Foliage Finder
    Design a fall foliage finder that shows users where they can find colorful foliage throughout the year. Use a slider to visualize changes per season.
    Get Started
  • Check-in App
    Check-in App
    Design the ticketing and check-in experience for an apple orchard. Prototype an experience where users can fill out their payment info for goods and services.
    Get Started
  • Interactive Decorations
    Interactive Decorations
    Design an interactive pie or cake decorating experience. Create a scrollable area where users can select options such as cake type, number of layers, filling, or toppings.
    Get Started

September 28 - October 9

  • September 28 - October 9

  • Stacks
    Stacks
    Design and prototype a mobile to-do list. Use Stacks to easily organize and rearrange items within your artboard.
    Get Started
  • Auto-Animate
    Auto-Animate
    Design the media library for a desktop app that organizes music, movies and entertainment files. Use Auto-Animate to create micro-interactions and transitions.
    Get Started
  • Design System
    Design System
    Select and create the basic components of a design system: typography, colors, buttons, icons. Then, use the assets panel to turn them into reusable elements.
    Get Started
  • Sounds
    Sounds
    Design the video calling interface for a smart device. While prototyping, use Voice Recognition and Audio Playback to simulate the experience.
    Get Started
  • Interactions
    Interactions
    Revisiting the to-do list design from challenge #1, create swiping interactions for completing or deleting tasks. If you did not complete challenge #1, use the starter file.
    Get Started
  • Component States
    Component States
    On a topic of your choosing, design a desktop form with input fields and buttons. Use Component States to create multiple states for the fields and buttons.
    Get Started
  • Anchor Links
    Anchor Links
    Design the FAQ section for a website of your choosing. Try creating a pinned navigation area with Anchor Links that snap to different areas of the page for relevant answers.
    Get Started
  • Scroll Groups
    Scroll Groups
    Design a desktop media player for TV and movies. Allow users to pan through different sections of the media player using Scroll Groups.
    Get Started

September 14 - September 25

  • September 14 - September 25

  • Swipe
    Swipe
    Design the swiping interaction for a digital wallet holding several payment methods. Allow the user to swipe through and choose which card to use.
    Get Started
  • Auto-Animate
    Auto-Animate
    Design a virtual tour experience for a museum. Allow users to view different rooms and design an indicator displaying which room they are in.
    Get Started
  • Stacks
    Stacks
    Design a quick-access widget for a podcast platform. Use Stacks to organize important info in the widget like switching podcasts, play/pause, and info about the podcast.
    Get Started
  • Personalization
    Personalization
    Design a journaling app interface where users choose from a set of provided prompts. Allow users to select their mood, productivity level and more using Component States.
    Get Started
  • Scroll Groups
    Scroll Groups
    Design an interface for browsing saved e-books. Sort the books by category on different shelves, and use Scroll Groups to allow scrolling through the categories.
    Get Started
  • Slider
    Slider
    Design the selection interface for a smoothie machine. Use sliders for the interactions like choosing drink size, type of fruit and sweetness level.
    Get Started
  • Sounds
    Sounds
    Redesign an eye health widget that reminds users to rest their eyes. Using the starter file, add reminders to stand, stretch, and exercise accompanied by sound notifications.
    Get Started
  • Drag & Drop
    Drag & Drop
    Design an online portal for a history class where students can find the syllabus, homework and more. Use the drag-and-drop feature to quickly create student profile pictures.
    Get Started

August 31 - September 11

  • August 31 - September 11

  • Transitions & Animations
    Transitions & Animations
    Design product and category pages for an E-commerce experience. Then, prototype a transition from the category page to the product page.
    Get Started
  • Product Options
    Product Options
    Bring an E-commerce product page to life with color, size and quantity options. Try using Component States and Auto-Animate as you work.
    Get Started
  • Scroll
    Scroll
    Design a scrollable browse page for a mobile shopping app. When items are selected, introduce sound interactions for confirmation.
    Get Started
  • Navigation Aids
    Navigation Aids
    Design a web page that allows for quick and easy navigation using Anchor Links and a ‘back to top’ button.
    Get Started
  • Shopping Cart
    Shopping Cart
    Design a cart experience for an E-commerce website. Allow users to remove items from the cart and confirm checkout.
    Get Started
  • Animated Icons
    Animated Icons
    Design simple vector icons to dress up an E-commerce UI and then animate them on hover and click.
    Get Started
  • Filter
    Filter
    Design the filter experience for a travel website. Focus on making it easy for users to find what they’re looking for!
    Get Started
  • Sliders
    Sliders
    Design and prototype a set of expandable options for an E-commerce experience. Try incorporating adjustable sliders for options like price, duration and distance.
    Get Started

August 17 - August 28

  • August 17 - August 28

  • Stacks
    Stacks
    Design the timeline experience for a project tracker using Stacks to quickly add and organize tasks. As you work, try creating a tracker for this week’s challenges!
    Get Started
  • Auto-Animate
    Auto-Animate
    Design and prototype a social media experience where users can interact with posts using ‘hearts.’ Use Auto-Animate to improve your interactions.
    Get Started
  • Asset Panel
    Asset Panel
    Design a Kanban board for a project management tool. As you design, select a custom color palette and apply it to your screens.
    Get Started
  • Sounds
    Sounds
    Design the navigation dashboard for a spaceship! While prototyping, add sounds to prompt users with interstellar directions.
    Get Started
  • Interactions
    Interactions
    Design a baby name generator and prototype an experience where users swipe left or right indicating preference.
    Get Started
  • Component States
    Component States
    Design and prototype an interactive form. Try creating a carousel that highlights a user’s progress and use Component States for pagination.
    Get Started
  • Anchor Links
    Anchor Links
    Design a web-based education experience where users can bookmark and preview lessons. Try adding navigation aids using Anchor Links.
    Get Started
  • Scroll Groups
    Scroll Groups
    Design an interactive and scrollable roadmap for a project tracker using Scroll Groups. When you’re finished, use the Share tab to distribute your designs for feedback.
    Get Started

August 3 - August 14

  • August 3 - August 14

  • Landing Page
    Landing Page
    Design the landing page for a personal finance website. As you work, try saving colors and character styles to the Assets Panel!
    Get Started
  • Live Support
    Live Support
    Design the live support experience for a personal finance website. Try using Component States and Tap Triggers to activate an expanded button state.
    Get Started
  • Features Overview
    Features Overview
    Design the features overview section for a personal finance website. Use Stacks to quickly rearrange the various sections you create.
    Get Started
  • Sign In and Sign Up
    Sign In and Sign Up
    Design the sign in and sign up experience for a personal finance website. Allow your users to quickly navigate the page using Anchor Links.
    Get Started
  • Home Screen
    Home Screen
    Design the home screen for a personal finance mobile app. Use Content-Aware Layout to add padding to your sections.
    Get Started
  • Scrollable Charts
    Scrollable Charts
    Design an interactive chart for a finance mobile app. Allow users to scroll around the chart using Scroll Groups.
    Get Started
  • Payment
    Payment
    Design the payment experience for a personal finance mobile app. Use Auto-Animate to create engaging interactions during the payment process.
    Get Started
  • Wallet
    Wallet
    Design a digital wallet experience for a personal finance mobile app. Use Repeat Grid to quickly design a list of transactions.
    Get Started

July 20 - July 31

  • July 20 - July 31

  • Scrollable List
    Scrollable List
    Redesign the contacts experience for a work-related messaging app. As you design, use Scroll Groups to create a scrollable contacts list.
    Get Started
  • Sound Effects
    Sound Effects
    Design the ‘reactions’ panel for a video conferencing app. As you prototype, incorporate audio feedback allowing participants to react with emojis and sounds!
    Get Started
  • Progress Indicator
    Progress Indicator
    Design and prototype the progress indicator for a live streaming interface. Display when the user is previewing, going live and has completed the broadcast.
    Get Started
  • Slider Control
    Slider Control
    Design the control hub for studio or desk lighting. As you design, use Drag Triggers to create a slider that controls lumens and temperature.
    Get Started
  • Homepage Design
    Homepage Design
    Redesign the homepage for a well-known project management tool. As you design, use Stacks to organize important information like project status, contributors and dates.
    Get Started
  • Map Interface
    Map Interface
    Design a map interface that displays remote working locations. As you work, create a scrollable map using Scroll Groups that displays nearby cafes and coworking spaces.
    Get Started
  • Scheduling Tool
    Scheduling Tool
    Design the interface for a scheduling tool that coordinates remote meeting times. Use Component States to create check boxes that indicate time preference.
    Get Started
  • Time Tracker
    Time Tracker
    Design a time tracking app where users can quickly add and organize projects within timed sessions. When your design is complete, explore the Share tab within Adobe XD.
    Get Started

July 6 - July 17

  • July 6 - July 17

  • Crafty Masks
    Crafty Masks
    Design the explore experience for an arts & crafts mobile app! Use Masks and Repeat Grids to speed up your design process.
    Get Started
  • Burger Builder
    Burger Builder
    Design the burger builder experience for a food ordering app. User Component States and Auto-Animate to animate toppings as users customize their orders.
    Get Started
  • Galactic Scroll Groups
    Galactic Scroll Groups
    Design a space exploration mobile app for kids and parents. Allow users to pan around galaxies and hover over planets using Scroll groups!
    Get Started
  • Digital Exploration
    Digital Exploration
    Design a web experience where gamers can explore custom Minecraft worlds. Let your users quickly navigate the main page using Anchor Links.
    Get Started
  • Campsite Finder
    Campsite Finder
    Design the interface for a campsite finder. Use Scroll Groups and Stacks to let users pan an area and rearrange campsites.
    Get Started
  • Audible Sightseeing
    Audible Sightseeing
    Design and prototype the sightseeing experience for a road trip app. Let your users explore maps with Scroll Groups that incorporate Audio Feedback when they interact with landmarks.
    Get Started
  • School is Cool
    School is Cool
    Design the course experience for a summer school app. Focus on creating a fun and engaging experience, allowing users to level up as they progress!
    Get Started
  • Animated Shorts
    Animated Shorts
    Design the sorting and filtering experience for an E-Commerce app. Use Auto-Animate to move products in and out of a masonry layout and create a quick view mode using Overlays.
    Get Started

June 22 - June 26

  • June 22 - June 26

  • Scrolling Galleries
    Scrolling Galleries
    Design a mobile experience that contains scrollable galleries of cards. Expand upon your design with links to additional artboards.
    Get Started
  • Maps Experience
    Maps Experience
    Design a maps experience that displays several locations of interest. Use Scroll Groups to allow users to pan around.
    Get Started
  • Notes Application
    Notes Application
    Design a notes application including various panes that contain scrollable content. Use Stacks to easily rearrange your layers.
    Get Started
  • Kanban / Schedule
    Kanban / Schedule
    Design a kanban board or schedule to help you and your team work together. Use Scroll Groups and Stacks to improve your workflow.
    Get Started
  • Case Study
    Case Study
    Prepare a case study for Behance, utilizing Stacks to help you rearrange the various sections.
    Get Started

June 8 - June 19

  • June 8 - June 19

  • Location Indicator
    Location Indicator
    Design the virtual tour experience for a real estate website. Allow users to view different rooms and design an indicator displaying which room they are in.
    Get Started
  • Progress Meter
    Progress Meter
    Design the progress meter for an E-commerce checkout flow. Allow your users to click on the meter to visit previous steps, providing sound effects as they click.
    Get Started
  • Navigation Aids
    Navigation Aids
    Design an E-commerce website for workout apparel. As you design the webpage, add navigation aids such as Anchor Links.
    Get Started
  • Bill-Splitting App
    Bill-Splitting App
    Create the interface for a bill-splitting app. Prototype the splitting experience with drag triggers and Auto-Animate, allowing users to choose shares with sliders.
    Get Started
  • Data Pop-Up
    Data Pop-Up
    Design the graph within an analytics dashboard for a website. As your users hover over the graph, display pop-ups with additional information.
    Get Started
  • Featured Content
    Featured Content
    Design and prototype the featured content area for a news experience. Determine the size and layout, then allow users to scroll within the experience.
    Get Started
  • Button States
    Button States
    Design different button states for a coffee e-commerce website. Consider what your buttons should look like before, during and after the interaction.
    Get Started
  • Notifications
    Notifications
    Design the notifications experience within a weather app. Display when a storm is approaching and let your users interact with the notification menu.
    Get Started

May 25 - June 5

  • May 25 - June 5

  • Music Player
    Music Player
    Design and prototype the library and music experience for a music player app. Use Auto-Animate to create a smooth transition between your library and now playing screens.
    Get Started
  • Workout App
    Workout App
    Design and prototype a guided workout app that can be used anywhere. Leverage the power of plugins to optimize your workflow.
    Get Started
  • Calculator
    Calculator
    Design and prototype a calculator app that can perform a simple math equation. Use Repeat Grid and Components to speed up your design process.
    Get Started
  • Pizza App
    Pizza App
    Design a web experience for ordering pizza and customizing toppings! As you prototype try using anchor links for easy navigation.
    Get Started
  • E-commerce
    E-commerce
    Design and prototype an E-commerce experience for customizing sneakers. Allow your user to change the color of the shoe and prototype the purchasing experience.
    Get Started
  • Newsletter
    Newsletter
    Design an email newsletter that highlights an update to your favorite product or brand. Use Content-Aware Layout and Responsive Resize to quickly create both mobile and desktop versions.
    Get Started
  • Virtual Healthcare
    Virtual Healthcare
    Design a virtual healthcare app where users can locate and chat with doctors. Use Component States to easily create field inputs and buttons with active states.
    Get Started
  • To-Do List
    To-Do List
    Design a to-do list for your daily workflow. Prototype with Voice Triggers so users can quickly add tasks verbally. As a bonus, try incorporating Audio Feedback when tasks are completed.
    Get Started

May 11 - May 22

  • May 11 - May 22

  • Sign-in Screen
    Sign-in Screen
    Design and prototype a simple sign-in and sign-up screen for a social media application.
    Get Started
  • Navigation Bar
    Navigation Bar
    Design the navigation bar for a social media application. Use component states as you design different sections.
    Get Started
  • Social Feed
    Social Feed
    Design a social feed that includes multiple posts extending down an artboard. Use Anchor Links to quickly navigate back to the top of the page.
    Get Started
  • Search and Discovery
    Search and Discovery
    Design the discovery experience for a social media app, including Stories and search.
    Get Started
  • Profile Settings
    Profile Settings
    Design the settings menu for a social media app. Then, use an Overlay transition to apply it to multiple artboards. Begin with your designs from challenges 1 - 4 or the starter files.
    Get Started
  • Messaging
    Messaging
    Build the messaging experience for a social media app. Use Content-Aware Layout to speed up your design process!
    Get Started
  • Floating Action Buttons
    Floating Action Buttons
    Design and prototype a FAB (Floating Action Button) menu for a social media app so users can quickly post new content. To create the FAB, try using Masks.
    Get Started
  • Animated Graphics
    Animated Graphics
    Add a touch of fun to any interaction by prototyping an animated element. Play with various Auto-Animate settings until it’s just right!
    Get Started

April 27 - May 8

  • April 27 - May 8

  • Swipe Gesture
    Swipe Gesture
    Design the interface for a smart mirror located within a bathroom or closet. Use CC Libraries and drag gestures to allow your users to swipe and select various outfits.
    Get Started
  • Components
    Components
    Design a smart refrigerator experience that displays food options. Create components in the Asset panel to group items together and form meals.
    Get Started
  • Voice Commands
    Voice Commands
    Design the control hub for an automobile that controls temperature, ambiance and navigation. Incorporate voice commands for hands-free operation.
    Get Started
  • Audio Feedback
    Audio Feedback
    Create an interface for a shower that allows users to set water temperature, play music or adjust water pressure. Incorporate audio feedback to audibly confirm actions.
    Get Started
  • Plugins
    Plugins
    Design an inventory management experience for a garden shed. Try using plugins to adapt your experience for the web.
    Get Started
  • Auto-Animate
    Auto-Animate
    Create a thermostat interface where users can specify temperature preferences throughout the day. Use Auto-Animate to show the temperature rising or falling as users make adjustments.
    Get Started
  • Multiple Interactions
    Multiple Interactions
    Create a bedside table interface where users can adjust lighting, curtains and mattress temperatures. Use multiple interactions to prototype different actions for each option.
    Get Started
  • Component States
    Component States
    Create a digital interface for a laundry machine. Use component states to allow users to choose cycles, water temperatures, clothes color, etc.
    Get Started

April 13 - April 24

  • April 13 - April 24

  • Repeat Grid
    Repeat Grid
    Design the desktop interface for a video chat app that allows users to connect with friends and family online. Use alignment tools and Repeat Grid to create consistent elements.
    Get Started
  • Auto-Animate
    Auto-Animate
    Design a community cookbook app that allows users to scan recipes and save them to a shared library. Create an animation that shows when a recipe has been added using Auto-Animate.
    Get Started
  • Voice Prototyping
    Voice Prototyping
    Design an audiogram app that allows kids to send loving voice messages to their grandparents and other relatives. Use Voice Triggers to prototype the audio recording and messaging experience.
    Get Started
  • Interactions
    Interactions
    Design a photo sharing app that allows users to select and apply filters to an image. Use drag interactions and Auto-Animate to create a fun swipe effect.
    Get Started
  • Component States
    Component States
    Create the onboarding experience for an online community platform. Use component states to create reusable elements as you design.
    Get Started
  • Feedback
    Feedback
    Design the challenge-a-friend experience for an at home group exercise app. Allow users to track progress and receive feedback using visual indicators.
    Get Started
  • Content-Aware Layout
    Content-Aware Layout
    Design a simple UI for kids to host watch parties for their favorite shows. Use Content-Aware Layout to create reusable UI elements that work for a mobile and desktop app.
    Get Started
  • Audio Feedback
    Audio Feedback
    Design a turn-based collaborative mobile game. Use audio feedback to create sound effects associated with actions.
    Get Started

March 30 - April 10

  • March 30 - April 10

  • Plugins
    Plugins
    Create the navigation bar for a desktop dashboard on the topic of your choice. As you design, try exploring plugins to speed up your design process.
    Get Started
  • Content-Aware Layout
    Content-Aware Layout
    Design a call-to-action header group for a desktop dashboard. Use Content-Aware Layout to easily resize and rearrange your elements.
    Get Started
  • Repeat Grids
    Repeat Grids
    Create a ‘top posts’ section for a desktop dashboard. Use a Repeat Grid and Components to quickly build and customize the section.
    Get Started
  • Component States
    Component States
    Design custom charts for a desktop dashboard. Use Component States to create various chart periods such as today, this week or this month.
    Get Started
  • Guides
    Guides
    Design a dialogue box for a desktop dashboard that logs user activity. As you design, use guides to create alignment and consistency.
    Get Started
  • Anchor Links
    Anchor Links
    Design a desktop dashboard that requires scrolling and add Anchor Links that serve as navigation aids. Get started with your designs from challenges 1-5 or the starter file.
    Get Started
  • Audio Playback
    Audio Playback
    Design an animated search field for a desktop dashboard. As you prototype, try adding subtle sound effects using Audio Playback.
    Get Started
  • Masks
    Masks
    Create expandable information cards for a desktop dashboard. After designing the card previews, use masks to enlarge them with tap triggers.
    Get Started

March 16 - March 27

  • March 16 - March 27

  • Layout
    Layout
    Design a promotional web page for your favorite movie! Try creating focal points within your design using alignment and hierarchy.
    Get Started
  • Auto-Animate
    Auto-Animate
    Design a personal finance experience that rewards users for accomplishing goals. Use Auto-animate to prototype tree icons that grow as users save money.
    Get Started
  • Asset Panel
    Asset Panel
    Using the starter file, select a fictional brand and define a custom color palette. Try applying your colors to at least one screen design.
    Get Started
  • Sounds
    Sounds
    Design a smartwatch experience for a bicycling navigation app. While prototyping, add sounds that prompt users with directions.
    Get Started
  • Interactions
    Interactions
    Design a random name generator and prototype an experience requiring users to swipe left or right to indicate their preference. As you design, focus on ease of use.
    Get Started
  • Component States
    Component States
    Create an onboarding experience for a neighborhood community app. Try creating a carousel that highlights app benefits and use components states for the pagination.
    Get Started
  • Anchor Links
    Anchor Links
    Design an experience that teaches users how to knit. Gamify the experience with badges, progress indicators or community feedback. Try adding navigation aids using Anchor Links.
    Get Started
  • Share
    Share
    Create an experience for a video-sharing app. When you’re finished, use the Share tab to distribute your designs for feedback.
    Get Started

March 2 - March 13

  • March 2 - March 13

  • Repeat Grid
    Repeat Grid
    Design the resources list for a website focusing on typography and design tips. Use Adobe Fonts to select a font and Repeat Grid to create vertical rhythm within your design.
    Get Started
  • Plugins
    Plugins
    Design the landing page for a website on the topic of your choice. Use color to direct your user’s attention. Try using plugins to build a color palette and check for contrast.
    Get Started
  • Smart Guides
    Smart Guides
    Design the recipe list for a cooking app. Use Smart Guides to setup your artboards, ensuring alignment and consistency.
    Get Started
  • Masks
    Masks
    Design the hero section for a fictional startup website. Add custom shapes to your layout and integrate imagery using Masks.
    Get Started
  • Component States
    Component States
    Design a chat experience for mobile devices. Use Component States to establish familiar design patterns and consistency within the user experience.
    Get Started
  • Overlays
    Overlays
    Design the browsing and purchasing experience for an e-commerce shop. Use Overlays to create a series of confirmation dialogues tied to your users’ actions.
    Get Started
  • Voice Interactions
    Voice Interactions
    Design a simple UI for a smart watch timer. Focus on balancing simplicity with functionality as you prototype with Voice Triggers.
    Get Started
  • Auto-Animate
    Auto-Animate
    Design a mobile app for booking movie tickets. Provide users with context as they navigate through the experience, using Auto-Animate to prototype screen transitions.
    Get Started

February 18 - February 28

  • February 18 - February 28

  • Voice Trigger
    Voice Trigger
    Design a mobile experience that connects designers with virtual assistants. Allow users to assign tasks with voice commands.
    Get Started
  • Content-Aware Layout
    Content-Aware Layout
    Design a mobile experience for coworking where users can reserve desk-space. Use Content-Aware Layout to quickly create and edit UI components.
    Get Started
  • Polygon Tool
    Polygon Tool
    Design a smartwatch experience that logs work hours. Allow users to start logging with a single tap and gamify your experience with badges and stars.
    Get Started
  • Auto-animate
    Auto-animate
    Design a mobile experience where users can anonymously ask and receive career advice. Use Auto-animate to create a slider that adjusts salary numbers as it scrolls.
    Get Started
  • Hover Effect
    Hover Effect
    Design a desktop widget that reminds users to rest their eyes. Allow users to select custom intervals and hover over their menu bar to view a countdown.
    Get Started
  • CC Libraries
    CC Libraries
    Design a desktop experience that organizes client contact information. Add info next to each client and use CC Libraries to drag and drop client logos.
    Get Started
  • Component States
    Component States
    Design a mobile experience where users can browse design-related meetups and events nearby. Use Component States to create a calendar of events that contains a dropdown filter.
    Get Started
  • Responsive Resize
    Responsive Resize
    Design an experience that tracks invoices and payments for freelance designers. Using prototype mode, display when invoices are sent and received.
    Get Started

February 3 - February 14

  • February 3 - February 14

  • Content-Aware Layout
    Content-Aware Layout
    Design an interactive wall calendar that keeps you informed while blending into its environment. Try using the Calendar plugin to speed up your design process.
    Get Started
  • Components
    Components
    Design the tablet interface for a residential air quality monitoring system. As you design, focus on creating an intuitive and inclusive experience.
    Get Started
  • Component States
    Component States
    Design a food-waste reduction app that incentivizes users to meet specific food-waste reduction goals. Focus on using signifiers to create an incentive-based experience.
    Get Started
  • Auto-animate
    Auto-animate
    Design a fitness app that provides motivation through healthy competition. Focus on creating an experience that utilizes feedback to build healthy habits.
    Get Started
  • Character Styles
    Character Styles
    Improve a previous Creative Challenge design by implementing feedback and defining a new feature. If you’re just getting started, use one of the designs in the starter file.
    Get Started
  • Repeat Grid
    Repeat Grid
    Design an onboard experience for a concept of your choosing. Focus on using storytelling, language and tone to empathize with new users and communicate the intention of your design.
    Get Started
  • Interactions
    Interactions
    Design a profile menu where users can customize their profiles and update personal settings. When you’re finished, try prototyping with interactions for user testing.
    Get Started
  • Advanced Prototyping
    Advanced Prototyping
    Turn design into an interactive experience using Adobe XD’s prototype mode. Encourage interaction, enhance usability and add delight using micro-interactions and animated feedback.
    Get Started

January 21 - January 31

  • January 21 - January 31

  • Repeat Grid
    Repeat Grid
    Design the recipe experience for a meal planning app. Use Repeat Grid to quickly build recipe cards with ingredients.
    Get Started
  • Components
    Components
    Design a web experience where users can track their monthly fitness goals. As you design, leverage the power of components to reuse elements.
    Get Started
  • Auto-Animate
    Auto-Animate
    Use Auto-Animate to prototype a tablet-based workout tracker. Allow users to add workouts and visualize their progress with animated meters and graphs.
    Get Started
  • Libraries
    Libraries
    Design the purchasing experience for an e-commerce mobile app specializing in running shoes. Try using CC Libraries to organize and import images.
    Get Started
  • Components States
    Components States
    Design the movement tracker for a yoga application. As you design, try designing and prototyping different button states for complete and incomplete movements.
    Get Started
  • Plugins
    Plugins
    Design an experience where users can challenge their friends to health and wellness activities. Try exploring Adobe XD plugins to generate avatars and design elements.
    Get Started
  • Coediting
    Coediting
    Design a web-based class scheduling tool for a gym or fitness center. Try exploring multiple layouts as you co-edit with another designer!
    Get Started
  • Sharing Work
    Sharing Work
    Create the onboarding flow for a mobile app related to health and wellness. When you’re finished, try sharing your work with the ‘Share’ tab in Adobe XD.
    Get Started

January 6 - January 17

  • January 6 - January 17

  • Repeat Grids
    Repeat Grids
    Design the donation experience for a ‘buy a book, give a book’ mobile app. Try using repeat grids to create browsable galleries.
    Get Started
  • Auto-animate
    Auto-animate
    Design a digital experience that rewards users with credits to plant trees in the real world. Try using Auto-animate to bring your designs to life!
    Get Started
  • Drag Trigger
    Drag Trigger
    Design an experience that allows users to donate to charities directly from their paychecks. After you design, jump into prototype mode and add interactions such as drag triggers.
    Get Started
  • Plugins
    Plugins
    Design an amber alert experience for mobile devices. As you design, try speeding up your workflow with plugins.
    Get Started
  • Component States
    Component States
    Design an online voting experience for mobile, web or tablet. Try using component states to ensure consistency and simplicity in your design.
    Get Started
  • Voice Trigger
    Voice Trigger
    Create a digital experience for discovering and saving free educational resources. Pick a topic of personal interest and then use voice triggers to prototype an interactive experience.
    Get Started
  • Hover Trigger
    Hover Trigger
    Design a web experience that makes volunteering for and donating to local homeless shelters more accessible. Try using hover triggers to create advanced prototype interactions.
    Get Started
  • Advanced Prototyping
    Advanced Prototyping
    Design a mobile, web or tablet experience that tracks home or business utility usage. When you’re finished designing, use advanced prototyping techniques to add animations and interactions.
    Get Started

December 16 - December 20

  • December 16 - December 20

  • Usability
    Usability
    Design an experience that focuses on improving a user’s mental wellness! Use the starter file to generate an intent, then design for a specific user’s needs as you work.
    Get Started
  • Simplify
    Simplify
    Design an experience for finding and building friendships! Use the tool in the starter file to select a use case. Then, try organizing your user flow into a few simple steps.
    Get Started
  • Hierarchy
    Hierarchy
    Design an experience that helps users limit screen time and build healthy digital habits. Use the starter file to select an intent and focus on both informational and visual hierarchies.
    Get Started
  • Accessibility
    Accessibility
    Design an experience that helps users improve their physical wellness. Select an intent from the starter file and emphasize accessibility as you design.
    Get Started
  • Consistency
    Consistency
    Design an experience that helps users optimize their nutritional wellness! Select an intent using the starter file, then give your design personality with cohesive visual and written elements.
    Get Started

December 2 - December 13

  • December 2 - December 13

  • Components
    Components
    Design a web experience for building custom perfumes and colognes! Leverage the power of components to reuse design elements and allow users to choose scents with tap triggers.
    Get Started
  • Hover Trigger
    Hover Trigger
    Design a web page for a furniture store and then create their digital instruction manual. Users should be able to hover over furniture pieces to view step by step instructions.
    Get Started
  • Component States
    Component States
    Design a web experience that generates personalized messages. Create dropdown menus to designate the tone, context and recipient. Try using component states for each dropdown menu.
    Get Started
  • Auto-Animate
    Auto-Animate
    Use Auto-Animate to prototype a tablet-based digital fireplace. Try adjusting the timing, color and shape of your flames to bring them to life!
    Get Started
  • Libraries
    Libraries
    Design an e-commerce mobile app for buying holiday decor. Try using CC Libraries to organize and import images.
    Get Started
  • Maps
    Maps
    Design a web-based Santa tracker for kids! Allow users to hover over various locations around the world to see what time Santa will arrive.
    Get Started
  • Countdown
    Countdown
    Design a holiday countdown app for smart watches! Create a simple countdown that scrolls through numbers vertically using Auto-Animate. Try using the plugin manager to work more efficiently!
    Get Started
  • Multiple Interactions
    Multiple Interactions
    Design a hands-free recipe app for tablet! Create voice commands for actions like “turn the page” or “next ingredient” and enable tap gestures for the same functionality.
    Get Started

November 11 - November 29

  • November 11 - November 29

  • Multiple Interactions
    Multiple Interactions
    Design the browse experience for a pet adoption app! As users browse, allow them to either tap for more info or swipe to favorite.
    Get Started
  • Component States
    Component States
    Design the payment experience for a scooter rental application! Focus on designing and prototyping different button states for the pay button before and after payment is processed.
    Get Started
  • Hover Trigger
    Hover Trigger
    Design an online marketplace that helps users buy and sell items locally. Allow users to hover over items and receive additional product details with Hover Triggers.
    Get Started
  • Plugins
    Plugins
    Design the waitlist experience for a restaurant mobile app. Allow users to view their position in line and receive table notifications. Speed up your workflow with plugins from the Plugin Manager!
    Get Started
  • Share Mode
    Share Mode
    Design the light mode and dark mode for a journaling mobile app! Try using Share Mode to distribute contrasting artboards for feedback.
    Get Started
  • Asset Management
    Asset Management
    Design the landing page for a health food website. As you design, try uploading components and assets from Adobe XD into CC Libraries for future use.
    Get Started
  • Emoji Reactions
    Emoji Reactions
    Design the messaging experience for a desktop or mobile app! Allow users to react with emojis. They should scroll left or right for emoji options or tap and hold for a custom emoji slider.
    Get Started
  • Advanced Prototyping
    Advanced Prototyping
    Design a mobile app for finding local events! Focus on the calendar view, allowing your users to hover over a date and receive event details.
    Get Started

October 28 - November 10

  • October 28 - November 10

  • User Flow
    User Flow
    Design the user flow and low fidelity wireframes for a web based livestream video experience. Try creating a mood board that informs your color, type and asset choices.
    Get Started
  • Landing Page
    Landing Page
    Design the landing page for a web based livestream video service. Use repeat grid to create a video gallery with categories and use the PhotoSplash plugin to populate it with images.
    Get Started
  • Player Page
    Player Page
    Design the video player page for a web based livestream video service. Focus on the chat experience as you add icons, symbols and buttons.
    Get Started
  • Mobile View
    Mobile View
    Design the mobile view for a livestream video player! Think about how the web player from challenge #3 might change for mobile. For example, your users might need to expand or hide the chat.
    Get Started
  • Share Your Work
    Share Your Work
    Prototype your screens, export your work and tell your story on Behance! Make your project engaging with context, highlighting your design and thought process.
    Get Started

October 14 - October 25

  • October 14 - October 25

  • Design Systems
    Design Systems
    Choose a personal hobby or interest and then design a mobile experience for users to learn more about it. While designing name your assets and organize elements into components.
    Get Started
  • Plugins
    Plugins
    Design an experience that allows users to discover local activities and events. Leverage plugins such as UI Faces and PhotoSplash to optimize your workflow.
    Get Started
  • Auto-Animate
    Auto-Animate
    Design the control hub for a device with custom lighting options. Use Auto-Animate to create dynamic animations and transitions as you change settings and effects.
    Get Started
  • Repeat Grid
    Repeat Grid
    Design an experience for a mood board app that allows users to upload, save and present inspirational images. Use Repeat Grid to quickly build the gallery and plugins to populate it with imagery.
    Get Started
  • Import Assets
    Import Assets
    Design the interface for a Chrome extension that allows users to easily bookmark and manage sites. Try designing an asset in Illustrator and importing it with CC Libraries.
    Get Started
  • Voice Triggers
    Voice Triggers
    Design a smartwatch experience that helps users identify songs. Use Voice Triggers in Prototype mode to initiate actions.
    Get Started
  • Multiapp Workflow
    Multiapp Workflow
    Design a photo editing application with preset filters. Create the filters in Photoshop and import them into Adobe XD with CC Libraries.
    Get Started
  • Prototype
    Prototype
    Design and prototype the mobile viewing experience for a movie streaming service. Focus on prototyping the user journey for viewing statistics and watch time.
    Get Started

September 30 - October 11

  • September 30 - October 11

  • Marketplace
    Marketplace
    Create a mobile marketplace where people can resell or donate used clothing. Give sellers the option to write fun stories for their clothing using overlays.
    Get Started
  • Photo Editor
    Photo Editor
    Composting is a great way to reduce waste! Design a photo sharing app with filters that promote composting. Simulate your photo editing experience with Auto-Animate.
    Get Started
  • Dashboard
    Dashboard
    Design a dashboard that displays waste, water and energy usage for a community or building! Gamify your design by tracking and ranking performance between floors or members.
    Get Started
  • Maps
    Maps
    Carpooling promotes community building. Design the pickup, ride and dropoff experience for a carpool app! Try using the Maps generator plugin in Adobe XD.
    Get Started
  • Checkout
    Checkout
    Design a grocery store checkout monitor that shows the environmental impact of a customer’s purchase. Try designing a data visualization of the overall impact!
    Get Started
  • Scan Barcodes
    Scan Barcodes
    Design an experience that scans and sorts recyclable goods! Allow people to scan an item and then use timed transitions to give them recycling tips.
    Get Started
  • Calendar
    Calendar
    Bring gardening to the twenty-first century with an app for novices to identify how often they should be watering. Allow people to look up plants and set a calendar with reminders!
    Get Started
  • E-Commerce
    E-Commerce
    Design an E-commerce experience for big-box retailers to list and sell refurbished furniture. Create a search and filter experience for customers to select desired styles.
    Get Started

September 16 - September 27

  • September 16 - September 27

  • Tap Gesture
    Tap Gesture
    Design a notecard quiz to learn a subject or language! Allow users to tap and flip notecards to check if their answer is correct.
    Get Started
  • Components
    Components
    Design a home garden organizer. Allow users to arrange flowers and veggies and determine when to plant. Use components to reuse plant icons and elements!
    Get Started
  • Repeat Grid
    Repeat Grid
    Design the gallery and browsing experience for a fashion website. Create your gallery with Repeat Grid and drag-and-drop to populate it with fashion related stock photos.
    Get Started
  • Overlays
    Overlays
    Design an experience to monitor and control a solar energy system! Allow users to monitor panel status and home battery charge. Then, design an overlay message to give users important system updates.
    Get Started
  • Auto-Animate
    Auto-Animate
    Design a futuristic teleportation app! Allow users to decide where they want to go and teleport to that location. Use Auto-Animate to create a visual for the teleportation process.
    Get Started
  • Cookie Banner
    Cookie Banner
    Create a cookie banner popup for a mobile app that collects your favorite design and career-related resources. Focus on creating a transparent message to build trust with the user.
    Get Started
  • Responsive Resize
    Responsive Resize
    Design a mobile and web experience for finding and booking concert tickets! Use Responsive Resize to transform your mobile experience into a web experience.
    Get Started
  • Advanced Prototyping
    Advanced Prototyping
    Design an augmented reality experience for a beauty app! Upload a photo and create various lipstick shades, then use Auto-Animate to visualize the different options.
    Get Started

September 2 - September 13

  • September 2 - September 13

  • Presentation Timer
    Presentation Timer
    Design a presentation timer with sections for mobile or desktop. Highlight the current section and show which ones are coming next. Try using Repeat Grid to speed up your design process!
    Get Started
  • Leaderboard
    Leaderboard
    Create the leaderboard and point tracking experience for a neighborhood cleanup app! Try using the UI Faces plugin for your user profile avatars.
    Get Started
  • Road Trip Randomizer
    Road Trip Randomizer
    Design the interface for a road trip app! After a user selects a driving distance, generate a random destination. Try prototyping a range slider and loading sequence with Auto-Animate.
    Get Started
  • Luxury Car Rental
    Luxury Car Rental
    Design the browsing experience for a dream car rental app! Use repeat grids to create a library of cards featuring luxury cars and allow users to expand a card for more info.
    Get Started
  • Digital Diet
    Digital Diet
    Create a digital diet app that limits device usage! List frequently used apps by icon and time used. Try importing an iOS modal for settings confirmation.
    Get Started
  • Food Ordering
    Food Ordering
    Design and prototype a food ordering app! Use drag triggers to add ingredients and a tap trigger to confirm the order. Try creating icons in Illustrator and importing them using CC Libraries.
    Get Started
  • Animated Elements
    Animated Elements
    Design and prototype a bubble tea builder! Create animated liquid with Auto-Animate and use tap triggers to select flavors and add-ons.
    Get Started
  • Voice Recognition
    Voice Recognition
    Design the joke of the day experience for a comedy app! Use voice triggers to ask for a specific type of joke and speech playback to get a response. XD puns are always welcome.
    Get Started

August 19 - August 30

  • August 19 - August 30

  • Interactive Elements
    Interactive Elements
    Design a checklist for a habit tracking app that allows users to check and uncheck items. Design for a habit building exercise, such as the XD Creative Challenge!
    Get Started
  • Auto-Animate
    Auto-Animate
    What if computers could interface with the human brain? Design the control system for a Neuralink-inspired app that allows users to download and manage brain space.
    Get Started
  • Drag Gesture
    Drag Gesture
    Design an experience for an e-reader app that allows users to flip through digital pages. Use Drag Gestures to enhance the flip experience.
    Get Started
  • Icons & Buttons
    Icons & Buttons
    Geocaching is an activity where participants use mobile devices to hide and seek treasure. Design icons and buttons for a geocaching app. Focus on icons for wayfinding and treasure!
    Get Started
  • Responsive Resize
    Responsive Resize
    Design an exercise class scheduling assistant that can be viewed on both mobile and web! Try using Responsive Resize to speed up your workflow.
    Get Started
  • Voice Triggers
    Voice Triggers
    Design the voice command experience for a language-learning app. Use voice triggers to allow your users to speak a word and receive the translation.
    Get Started
  • Indicators & States
    Indicators & States
    Design the rewards indicator for a recycling app. Give your users points for scanning items and allow them to watch in real-time as their points are tallied towards a goal.
    Get Started
  • Advanced Prototyping
    Advanced Prototyping
    Design a build-your-own pizza experience for a pizza ordering app. Use auto-animate to animate toppings as your users add items like pepperoni, mushrooms and peppers!
    Get Started

August 5 - August 16

  • August 5 - August 16

  • Simple Design Systems
    Simple Design Systems
    Create a mobile experience for controlling wireless speakers and RGB lights. As you design, consolidate your assets into a Design System by organizing components, character styles and colors.
    Get Started
  • Plugins
    Plugins
    Design a recipe collection app, curated from top chefs around the world. Focus on the recipes feed and details page. Use plugins for UI Faces and PhotoSplash to speed up your design process.
    Get Started
  • Auto-Animate
    Auto-Animate
    Design the ‘more info’ experience for a podcast app using Auto-animate. Allow users to learn more, subscribe and play. Try animating your transitions and icons.
    Get Started
  • Responsive Resize
    Responsive Resize
    Design a job application form for an open position at NASA. First, focus on a web design for desktop. Then, use responsive resize to quickly adapt your design for tablet devices.
    Get Started
  • Voice Triggers
    Voice Triggers
    Design a way to quickly check the weather for a weather app. Use voice triggers to ask what the weather is like and continue the conversation by asking for clothing and activity suggestions.
    Get Started
  • Repeat Grid
    Repeat Grid
    Create a calendar app to manage your design tasks for the month. Focus on the experience for adding and viewing a new event. Try using repeat grid to speed up your workflow.
    Get Started
  • Create User Flows
    Create User Flows
    Design a mobile news feed experience. First, map out the user flow to determine how users add new feeds, browse and favorite. Then, design and prototype your key screens.
    Get Started
  • Prototype and Test
    Prototype and Test
    Design the event creation, invite and guest list experience for a party invitation app. After you complete the designs, link up your screens in Prototype mode and test your app with real users.
    Get Started

July 22 - August 2

  • July 22 - August 2

  • Automotive navigation screen.
    Automotive navigation screen.
    Design the map experience for an automotive navigation screen. Try using Adobe XD’s map generator plugin.
    Get Started
  • Storytelling with data.
    Storytelling with data.
    Tell a compelling story with data. Design the species list and details screen for an endangered species awareness app.
    Get Started
  • User onboarding.
    User onboarding.
    Use the Auto-animate feature to guide first time users through a radio app. Focus on three onboarding steps: open menu, scan and choose station.
    Get Started
  • Interactive live chat.
    Interactive live chat.
    Design a tablet-based chat experience for a digital travel agent. Include a method for users to book travel within the chat.
    Get Started
  • Incentive centered design.
    Incentive centered design.
    Design the quiz section for a flash card app. Add card flip animations and a progress bar with motivational messages.
    Get Started
  • Design for multiple screens.
    Design for multiple screens.
    Design the details page for a car purchasing experience on both mobile and web. Consider how the call to action differs between surfaces.
    Get Started
  • Writing assistant app.
    Writing assistant app.
    Design the composition section for a writing assistant app. Give your app the ability to suggest edits and provide a writing score.
    Get Started
  • Smart home management.
    Smart home management.
    An alarm is tripped on a home security app, design the system status screen with a list of connected devices and alerts.
    Get Started

July 8 - July 19

  • July 8 - July 19

  • Landing page refresh.
    Landing page refresh.
    Website visitors are landing but not sticking. Use an eye catching image and simple search fields to design an engaging landing page for a travel website.
    Get Started
  • Improved search.
    Improved search.
    Visitors to a travel website are viewing a small portion of the experience. Expand on the search experience with categories, filters & recommendations to encourage website exploration.
    Get Started
  • Integrated navigation.
    Integrated navigation.
    When surveyed, visitors noted that the travel website lacked navigation aids. Design a navigation experience that allows users to easily orient themselves.
    Get Started
  • Marketing priorities.
    Marketing priorities.
    The marketing team wants to compete with other travel websites. Design an experience that highlights exclusive travel deals.
    Get Started
  • Mobile splash screen.
    Mobile splash screen.
    To reach more users, the travel site wants to launch a mobile app! Use auto animate to prototype an engaging splash and login experience for a travel app.
    Get Started
  • Mobile home screen.
    Mobile home screen.
    Convert the travel site landing page from week one into a home screen for mobile. Try using components, repeat grids and responsive resize.
    Get Started
  • Travel booking experience.
    Travel booking experience.
    Customers want to quickly book experiences on the go. Design a travel booking experience for mobile.
    Get Started
  • Trip notifications.
    Trip notifications.
    Potential customers want to be notified about trip deals before booking. Design an experience that surfaces trip notifications for mobile.
    Get Started

June 17 - June 29

  • June 17 - June 29

  • Home Screen.
    Home Screen.
    Design the home screen for a music creation app. Turn your buttons and elements into components as you design.
    Get Started
  • Icons and Buttons.
    Icons and Buttons.
    Design icons and buttons for a music creation app.
    Get Started
  • Voice Triggers.
    Voice Triggers.
    Design a search with voice experience for a music creation app using voice triggers.
    Get Started
  • Keyboard Triggers.
    Keyboard Triggers.
    Use keyboard triggers to design and prototype an interactive experience for making musical notes.
    Get Started
  • Experience Design.
    Experience Design.
    Starting from the music creation app home screen, design and prototype a 2+ artboard experience of your choosing. As you design, convert reusable elements into components.
    Get Started
  • Responsive Resize.
    Responsive Resize.
    Use responsive resize and components to transform an artboard from mobile to tablet.
    Get Started
  • Design Systems.
    Design Systems.
    Adapt the design of your music creation app for a related brand using design systems and components.
    Get Started
  • Auto Animate.
    Auto Animate.
    Design and prototype animated transitions using auto animate.
    Get Started

June 3 - June 14

  • June 3 - June 14

  • Home screen.
    Home screen.
    User research indicates that new users spend less than 30 seconds on the home screen after their initial login. Design an engaging home screen layout.
    Get Started
  • Order history.
    Order history.
    Customers are having difficulty locating previous orders. Can you think of a way to surface past orders efficiently and quickly?
    Get Started
  • Search and filter.
    Search and filter.
    Design a search experience that allows users to quickly filter and find relevant food options.
    Get Started
  • Marketing priorities.
    Marketing priorities.
    Marketing has two campaigns scheduled at the same time: “Quick Bites” & a partnership with sustainably sourced restaurants. Design an experience to prioritize promotions.
    Get Started
  • Place order.
    Place order.
    Research shows that users add items to their cart but do not complete the purchase process because there are too many steps and the cart is hard to edit. Simplify the process.
    Get Started
  • Address alert.
    Address alert.
    When customers order food to the wrong location they must contact customer service, causing delays & dissatisfaction. What can we add to the experience to prevent this?
    Get Started
  • Order status.
    Order status.
    Through user surveys, we have learned that users would like realtime order status updates. Design a way for customers to visualize order status and progress.
    Get Started
  • Delivery map.
    Delivery map.
    As part of the order status, users would like to view the location and arrival time for their food. Design a map experience for customers to view this information?
    Get Started

More Creative Challenges

Daily Creative

Challenge

Header Art By: Justyna Stasik