Skip to Main ContentSkip to Footer

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

  • November 9, 2021
    Home Screen
    Home Screen
    Design the home screen for a music video app that utilizes video playback.
    Get Started
  • November 10, 2021
    Sign-Up Screen
    Sign-Up Screen
    Using components, create a slick sign-up screen that references neumorphism.
    Get Started
  • November 11, 2021
    Animated Onboarding
    Animated Onboarding
    Using Lottie animations, create an engaging onboarding experience.
    Get Started
  • November 12, 2021
    Landing Page
    Landing Page
    Using repeat grid and video playback, design a high-converting landing page.
    Get Started
  • November 15, 2021
    Micro-Interactions
    Micro-Interactions
    Using auto-animate, design micro-interactions for the home screen of a to-do list app.
    Get Started
  • November 16, 2021
    Dark Mode
    Dark Mode
    Design a social media feed in dark mode using vertical scroll groups.
    Get Started
  • November 17, 2021
    Wearable Technology
    Wearable Technology
    Design a few critical screens for a futuristic health app on a smartwatch using voice commands.
    Get Started
  • November 18, 2021
    Mobile First
    Mobile First
    Use responsive resize with stacks to seamlessly go from mobile to desktop for an e-commerce homepage.
    Get Started
  • November 19, 2021
    Animated Chat
    Animated Chat
    Use Lottie animations with component states to create emojis for an interactive chat experience.
    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

October 18 - November 5

Course Dashboard
Course Dashboard
Learn how to design an online education dashboard. If you have extra time, turn things up a notch by adding simple animations.
Get Started
Loading Animation
Loading Animation
Level-up your designs with loading animations that loop.
Get Started
Dynamic Transitions
Dynamic Transitions
Learn how to animate a unique page transition using Auto-Animate.
Get Started
Showcase Your Designs
Showcase Your Designs
Showcase a responsive landing page for mobile and web using Timed Transitions.
Get Started
Unique Menus
Unique Menus
Create an animated mobile-app drawer menu using Auto-Animate.
Get Started

September 20 - October 15

Music Player
Music Player
Create a music player screen using the Audio Playback feature.
Get Started
Ride-Share App
Ride-Share App
Design a screen for a ride share app. Use the plugin Stark to check for contrast accessibility.
Get Started
Timeline Screen
Timeline Screen
Design and prototype an animated timeline using Auto-Animate.
Get Started
Presentation
Presentation
Using the presentations plugin, create and prototype a presentation with dynamic animations.
Get Started
Roommate Finder
Roommate Finder
Design a roommate matching experience. Use Drag Gestures and Auto-Animate to create swiping interactions.
Get Started
Travel AR Experience
Travel AR Experience
Design a smartphone AR experience that assists travelers using 3D transform.
Get Started
Real Estate Marketplace
Real Estate Marketplace
Design a for-sale real estate listing. Use Stacks to organize and rearrange items within your artboard.
Get Started
Reserve Campsite
Reserve Campsite
Design a campsite reservation experience using voice commands.
Get Started

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

Animated Buttons
Animated Buttons
Design and animate an interactive sign-up button.
Get Started
Navigation Bar
Navigation Bar
Design a navigation bar and then give it unique interactions using Prototype mode.
Get Started
Photo Carousel
Photo Carousel
Design and prototype a photo carousel with hover triggers.
Get Started
Mouse Drag
Mouse Drag
Design a simple web page, then prototype mouse drag interactions using drag animations.
Get Started
Page Load
Page Load
Design and prototype a unique loading animation using Auto-Animate.
Get Started
Creative Animations
Creative Animations
Design mobile card components and then prototype animated ‘slime’ interactions.
Get Started
Event Booking Website
Event Booking Website
Design the landing page for an event booking website and then add animated interactions using Prototype mode.
Get Started
Events Page
Events Page
Design and prototype the events page for an events website. Try using hover animations to create unique interactions.
Get Started

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

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

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

On-Page-Scroll
On-Page-Scroll
Design and prototype ‘on-page-scroll’ animations for a promotional landing page using timed triggers.
Get Started
Loading Screen
Loading Screen
Design and prototype the loading screen animation for a healthy juice brand using Auto-Animate.
Get Started
Custom Icons
Custom Icons
Reimagine the hero section of the Among Us website using 3D assets from Adobe Dimension.
Get Started
Parallax Effect
Parallax Effect
Design and animate the home page for a movie platform using parallax scrolling effects.
Get Started
Vertical Scrolling
Vertical Scrolling
Design and prototype a web-based photo gallery utilizing vertical scrolling.
Get Started
Stacks
Stacks
Design a news website with easy-to-build sections using Stacks.
Get Started
Micro-interactions
Micro-interactions
Design a personalized shoe E-commerce platform incorporating micro-interactions on product cards.
Get Started
Masks
Masks
Design a portfolio homepage with dynamic hover animations using Masks and Hover Interactions.
Get Started

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

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

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

Landing Page
Landing Page
Design a web-based landing page on a topic of your choosing. Try adding depth using Background Blur.
Get Started
Interactive Map
Interactive Map
Design and prototype an interactive map using Scroll Groups.
Get Started
Dropdown Menu
Dropdown Menu
Design and animate an expandable dropdown menu using Nested Hover.
Get Started
Card Flip
Card Flip
Create a card flip animation using 3D Transforms and Auto-Animate.
Get Started
Augmented Reality
Augmented Reality
Design and prototype a mobile augmented reality experience using 3D Transforms.
Get Started
Presentation Template
Presentation Template
Design a presentation template and save it as a Component for easy editing.
Get Started
Slide-out Menu
Slide-out Menu
Design and prototype a slide-out menu using Component States.
Get Started
Browsable Library
Browsable Library
Design a browsable music library for iPad using Repeat Grids.
Get Started

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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